2019-07-16来黑马程序员的第五天(上课)

每天学习完,最后一件事就是来简书写写今天的总结,今天讲的东西比较少,主要的原因是昨天上自习,我已经把今天老师要讲的东西给看完了,总的来说今天还是比较轻松的,下面的知识是今天老师的讲的,不多,重点我都写在下面了:

一、表单:作用、组成、分类、属性


作用:用来收集表单的数据,发送给后台。

组成:表单域(<form action=“提交后台数据的地址”></form>)、提示文本、表单。

分类:input、textarea、select

1、属性:input标签的属性

            type:text(单行文本输入框)、password(密码输入框,是暗文)、radio(单选框 注意:1、单选框要想实现单选,需要使用name属性,并且name的值要一样。)、checkbox(多选框:注意:1、使用checked可以设置默认选项。)、file(上传图片文件 注意:1、默认只能选择一张图片,使用multiple可以选择多张图片,multiple属性值就是它本身。)、submit(提交按钮)、reset(重置按钮 注意:1、需要成功提交一次后才能清空输入的数据)、button(普通按钮)、image(图片按钮)

2、使用checked可以设置默认选项

textarea:文本输入框  用法:    <textarea name="" id="" cols="30" rows="10"></textarea>

3、select:下拉选择框 用法:

<select name="" id="">

        <option value="1">1</option>

        <option value="2" selected>2</option>

        <option value="3">3</option>

    </select>

注意:1、使用selected可以设置默认选中项

二、HMTL骨架标签解释


1、<!DOCTYPE html> 告诉浏览器这是HMTL5页面,需要使用HTML5来解释该页面

2、<html lang="en"> 告诉浏览器该页面是英文页面,主要用于搜索引擎的优化,如中文的页面:

<html lang="zh-cn">

3、<meta charset="UTF-8"> 告诉浏览器使用UTF-8对该页面进行解码

4、<meta name="viewport" content="width=device-width, initial-scale=1.0"> 让浏览器根据设备对页面进行缩放自适应

5、<meta http-equiv="X-UA-Compatible" content="ie=edge"> 使用IE浏览器打开时,默认使用edge的内核

三、概念、作用、语法格式


1、概念:层叠样式表(cascading style sheets)

2、作用:用来设置页面的文字、图片的显示样式以及给页面进行排版,简单的说就是给页面画个妆

3、语法格式:

选择器 {

属性1:属性值1;

属性2:属性值2;

属性3:属性值3;

}

注意:1、选择器和后面的“{}”之间有个空格。

          2、这里面的标点符号全部都是英文。

4、字体属性

常用属性:font-size(用来设置字体大小的,值如26px,需要加px)、font-weight(设置字体的粗细,常用的值是normal、bold、100-900 数字值是以100为单位,normal是400,bold是700,数字不需要加单位的,)注意:一开始设置字体粗细的时候就没有制定太多的粗细标准,一般在实际工作的时候,我们只设置normal(400)、bold(700),font-weight的值从100到900,每次以100为单位进行增加、font-style(用来设置字体的风格):normal、italic(倾斜)、font-family(用来设置字体的类型):可以写好几个字体,每个字体之间用逗号隔开,中文字体用引号括起来,字体之间有空格的也需要用引号括起来。

好了今天的总结就是这么多了,明天继续。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,178评论 0 0
  • 之前很早就听说,黑马的培训是上两天休息一天,果不奇然,除去第一天的开班典礼,已经上了两天的课了,其实也就一天,两天...
    柯南结局我就改名字阅读 1,276评论 0 1
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,080评论 1 4
  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 1,219评论 0 0