表单的input输入类型:
(1)、email 自动验证email域的值是否合理有效
(2)、url 自动验证输入的网址格式(必须以http://或https://)
(3)、number 只能输入数字
(4)、search 搜索框(自带一键删除的功能)
(5)、range 滑动条 (可以设置值用max和min)
(6)、color 选色框
(7)、time 选择几点几分
(8)、data 定义一个时间选择器 年月日
(9)、month 年月
(10)、week 周和年
多媒体:
必须设置 controls这个属性,否则不能播放
(1)、audio(音频)
<audio src="地址" controls></audio>
HTML5中新属性:
1. loop :单曲循环
2. muted :静音播放
(2)、video(视频)
<video src="地址" controls></video>
HTML5中的新属性:
(高度和宽度只设置一个时,视频会等比例缩放)
1. height : 播放器高度
2. width :播放器宽度
3. loop :循环播放
4. muted : 静音
5. poster :视频第一帧的图片
6. autopaly :自动播放
CSS初识:
CSS网页美容师
CSS的最大贡献就是: 让 HTML 从样式中解脱苦海, 实现了 HTML 专注去做 结构呈现。
1. 样式表
(1)内部样式表
(2)行内样式表
(3)外部样式表 (通过link 标签将外部样式表文件链接到HTML文档中)
<head>
<link href="CSS文件路径" rel="stylesheet">
</head>
2.CSS字体属性
(1)、font-size :字号大小
(2)、font-family :字体
(3)、font-weigh :字体粗细
(4)、font-style :字体风格
属性:italic(斜体) oblique:(倾斜的字体)
3.CSS外观属性
(1)、color :文本颜色
三种取值方式:英文,十六进制,rgb代码
(2)、line-height (行高)
(4)、text-indent 首行缩进(一般2em)(3)、text-align 水平对齐方式
(5)、text-decoration 文本的装饰
值 | 描述 |
none | 默认。定义标准的文本 |
underline | 定义文本下的一条线。下划线 也是我们链接自带的 |
overline | 定义文本上的一条线。 |
line-through | 定义穿过文本下的一条线 |
(6)、letter-spacing 文字间距