HTML5表单类型、多媒体标签、CSS样式基础

H5新增的表单input输入类型：

• emai：
• 在提交表单时，会自动验证 email 域的值是否合法有效。
• url：
• 在提交表单时，会自动验证 url 域的值。
• number： 只能输入数字
• search： 搜索框
• range：
• 滑动条，可以进行拖动，max - 规定允许的最大值，min - 规定允许的最小值，step - 规定合法的数字间隔，value - 规定默认值
• color ：
• 用在input字段主要用于选取颜色
• time：定义可输入时间控制器
• date:允许你从一个日期选择器选择一个日期
• Audio(音频)：
• controls:向用户显示音频控件（比如播放/暂停按钮）
• loop:每当音频结束时重新开始播放
• muted:音频输出为静音
• Video(视频)：
• poster:加载过程中封面表示

---

CSS样式：

• 内部样式表：<style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</style>
• 行内样式表:
• <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>
• 外部样式表:
• <link href="CSS文件的路径"  rel="stylesheet" />
• CSS字体属性:
• font-size:字号大小--em/px
• font-family:字体
• p{ font-family:"微软雅黑";}
• font属性用于对字体样式进行综合设置，其基本语法格式如下：
• 选择器{font: font-style  font-weight  font-size/line-height  font-family;}
• 注意：
• 1. 使用font属性时，必须按上面语法格式中顺序书写，不能更换顺序，各属性以空格隔开。
• 2. 其中不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family属性，否则font属性将不起作用。

---

CSS外观属性

• color:文本颜色
• 预定义的颜色值，如red，green，blue等。
• 十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。
• RGB代码，如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。
• line-height:行间距分别为像素px，相对值em和百分比%
• text-align:水平对齐方式,用于设置文本内容的水平对齐
• text-indent:首行缩进--em作为设置单位。
• text-decoration 文本的装饰--
  • none        默认。定义标准的文本。
  • underline        定义文本下的一条线。下划线 也是我们链接自带的
  • overline        定义文本上的一条线。
  • line-through    定义穿过文本下的一条线。
  • letter-spacing 文字间距--px

基础选择器

• 标签选择器（元素选择器）：
• 标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }  
• OR
• 元素名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
• 类选择器：
• .类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
• 多类名选择器：
• <div class="pink fontWeight font20">xx</div>
• <div class="font20">xx</div>
• <div class="font14 pink">xx</div>
• <div class="font14">xx</div>
• id选择器：
• #id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
• 通配符选择器：
• * {
•     margin: 0;                    
•       padding: 0;                 
• }