插入音视频和CSS字体、选择器及外观

一、H5新增的表单类型

1、邮箱 :提交表单时验证输入框中的文本是否包含@，且@符号右边必须有文本        email

2、地址 ：提交表单时验证输入框中的文本是否包含http或者https        url

3、数字        number

4、搜索框：会在输入栏的最右侧显示一个叉号，单击叉号清空输入框的内容        search

5、范围        range

6、拾色器        color

7、时间        time

8、日期        date

9、月份        month

10、提交按钮        submit

二、插入音频和视频

1、音频标签  audio 

      属性；

      控制器：control

      静音：muted

      循环播放：loop

      自动播放：autoplay

2、视频  video

三、CSS初始与样式表

1.为什么要使用CSS

        1、为了美化网页

        2、标签中的属性不能满足所有样式的需求

        3、标签中的属性使结构比较臃肿

        4、为了实现结构与样式的相分离

2.什么是CSS？

        Cascding Style Sheets  级联样式表、层级样式表

3.如何使用CSS？

          1、行内样式表

          <开始标签 style ='CSS属性A:CSS属性值A;CSS属性B:CSS属性值B;……'>

              特点：a、只能适用于单个的元素

                    b、没有实现结构与样式的相分离

          2、内部样式表

              <style>

                选择器：{

                 CSS属性A:CSS属性值A;

                 CSS属性B:CSS属性值B；

                }

              </style>

              特点：a、适用于选择器相同的元素

                    b、部分实现了结构与样式的相分离

          3、外部样式表

               <link rel="stylesheet" href="">

               rel:链接文件的类型

               href:链接文件的地址

              特点：a、在整个站点都能适用

                    b、完全实现了结构与样式的相分离

4、CSS的样式

          1、字体样式

          2、外观样式

          3、背景样式

          4、尺寸样式

          5、盒子模型

          6、浮动

          7、定位

          8、CSS3动画、过渡、转化、渐变

四、字体样式属性

1、字体大小属性  font-size

        普通文本默认字体大小是16px

        绝对单位：像素 px   一般最小设置12px

        相对单位：em        相对于父元素的大小

      2、字体家族属性  font-family

        普通文本默认字体家族是宋体

        a、汉字  b、英文  c、Unicode码

      3、字体加粗属性  font-weight

       普通文本默认字重是400

       bold--700--bolder

      4、字体的倾斜属性 font-style

      italic  oblique

      5、字体的综合设置

      font: font-style  font-weight  font-size  font-family;

五、选择器

1、选择器：通过特定的符号去选择指定的元素 -->

2、CSS2选择器：

            基础选择器：通配符选择器、标签选择器、类选择器、多类名选择器、ID选择器

                通配符选择器   *

               标签选择器  直接写标签名

               类选择器  .类名     属性值可以重复 

               多类名选择器

                ID选择器  #ID名   属性值不能重复，是唯一的

            复合选择器：

            伪类选择器：

3、类名与ID名规范

            1、见名知意

            2、驼峰命名法

            3、一般英文名称与下划线、连接符、加数字结合   one_1  two-2

六、外观属性

1、文本颜色 color

        a、英文名称  

        b、rgb    0-255

        c、十六进制   #ffggbb     0-9 a-f

2、文本的描述 text-decoration

          下划线：underline

          上划线：overline

          删除线：line-through

3、首行缩进 text-indent    em

4、文字间距 letter-spacing

5、文本相对于标签的宽度水平居中 text-align      center 居中  right靠右  left 靠左

6、文本相对于标签的高度垂直居中 line-height   height 的属性值

7、尺寸属性

      1、宽度 width

      2、高度 height