表单类型、多媒体与CSS初始小结

一、表单的input输入类型

1.email 邮箱

E-mail:

注意: Internet Explorer 9 及更早 IE 版本不支持 type="email" 。

2.url

​ ——只能输入url格式，用于包含URL地址的输入域，提交表单时会自动验证url域的值

3.number

​ ——只能输入数字

4.search

​ ——提供了一键清除功能

Search Google:

5.date、month、week

6.range

​ ——滑动条，默认100，max - 规定允许的最大值，min - 规定允许的最小值，step - 规定合法的数字间隔，value - 规定默认值

Points:

7.color

8.time

二、多媒体

autoplay自动播放 muted静音 controls

不自动播放情况下，出来不是播放的，点击变成

三、CSS

1.样式表

（1）内链

​ 使用css ——style（放在head里）

（2）行内样式，直接设置

（3）外链

​ ——link

四、CSS字体属性

1、font-size 字体大小

2、font-family 字体

3、font-weight 字体粗细

​ normal、bold（粗）、bolder、lighter

4、font-style 字体风格

​ italic（斜体）

五、CSS外观属性

1、color

​ ——直接写英语单词

​ ——rgb（红 ，绿，蓝）

​ ——十六进制表示法

2、line-height

​ —— 行间距

（1）垂直居中

行高=列高 ： height=50px； line-height=50px；

3.水平居中

​ text-align：center

4.首行缩进

​ text-indent

5.文本装饰

​ text-decoration

值	描述
none	默认。定义标准的文本。
underline	定义文本下的一条线。下划线 也是我们链接自带的
overline	定义文本上的一条线。
line-through	定义穿过文本下的一条线。

6. 文字间距

​ letter-spacing

六、基础选择器

1.标签选择器

2.类名选择器

3.多类名选择器

4.id选择器（唯一）

5.通配符选择器 *