HTML基本架构
<!DOCTYPE html>
<!-- doctype文档类型--告诉浏览器是html文档类型 -->
<html lang="en">
<!-- 告诉浏览器语言类型是英文 -->
<head>
<!-- 当前当前这个html文档的说明 -->
<meta charset="UTF-8">
<!-- 字符集,解决乱码的问题 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 移动端的说明 -->
<title>Document</title>
</head>
<body>
</body>
</html>
特殊字符: 空格 <:< >:>
H5新增的标签:
header定义网页的头部
nav定义导航栏的链接部分
article定义页面独立的内容区域
section定义区域,文档的节
aside定义侧边栏部分
footer定义网页的底部
datalist定义选项列表,与input结合使用
fieldset将表单元素打包,与input结合使用
mark定义带有记号的文本
meter定义度量衡
progress定义任务进度
embed插入多媒体
audio插入音频
video插入视频
CSS引入方式
1.内联样式 写在style标签中
2.外联样式 写在css文件中,使用link引入
3.行内样式 写在开始标签中,属性style
选择器优先级:
!important > 行内样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器
结构选择器:
nth-child 先找div位置是第几个,再匹配是不是与冒号前面的选择器一致
nth-of-type 先找冒号前面的选择器,再匹配第几个位置