一、表单的input输入类型
1、url：网址，用户在输入框内输入时必须是Http开头
2、email：邮箱，@前后必须都有内容
3、number：数字，输入框内只能输入数字
4、seach：搜索框，提供一键删除功能
5、range：范围，比如音量调节等功能（value可以设定范围值，此属性须写在input内）
6、color：取色块
7、time：时间，出现可选择时间
8、date：允许你从日期选择器中选择一个日期
9、month：月份，可选择月份
10、week：可选择周、年
二：多媒体
1、audio音频
<audio src="音频" controls></audio>2、video视频
<video src="视频" controls></video>
video后面可添加的属性：
width宽度、height高度（可以设置视频的高和宽）
muted静音、autoplay自动播放（为了用户体验，使用autoplay时必须先使用静音属性）
<poster="图片">视频播放的前一帧
为了兼容性
video/audio代码如下
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
</video>三、CSS层叠样式表
1、内嵌式:写在HTML文档的head头部标签中，并且用style标签定义
<head>
<style type="text/css">
div{
color：red}
</style>
</head>2、行内式：写在标签里面
<标签名（如div） style="color:red">行内变色</div>3、引入式：将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中
<head>
<link href="CSS文件的路径" rel="stylesheet" />
</head>三、CSS字体属性
1、font-size：字体大小
相对长度：
em：相对于当前对象内文本的字体尺寸
px：像素
绝对长度：
in：英寸
cm：厘米
mm：毫米
pt：点
2、font-family：字体
3、font-weight：字体粗细
normal正常、bold加粗、bolder加粗的加粗、lighter细
也可以用数字来调整：100~900（100的整倍数），400=normal，700=bold
4、font-style：字体风格
normal正常、italic斜体、oblique倾斜
三、CSS外观属性
1、color文本颜色：
第一种方式：直接输入该颜色的英文单词
第二种方式：rgb（取值范围0-255）
第三种方式：十六进制，color：#000000（9、a、b、c、d、e、f）
2、line-height：行间距
常用的属性值单位有三种，分别为像素px，相对值em和百分比%，用px比较多，一般比字号大7、8个像素就可以。
3、text-aligh：水平对接方式
right向右，left向左，center居中
4、text-indent：首行缩进
后面一般跟em
5、text-decoration：文本装饰
none默认、underline文字下面加条线、overline文字上面加条线、line-through删除线
6、letter-spacing：文字间距
单位是px
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
