html页面文档结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title></title>
<style></style>
</head>
<body>
<h1></h1>
</body>
<script></script>
</html>
html元素的三大通用属性
- id:获取页面的唯一元素，具有唯一性，这个唯一性由程序员来保证，也就是如出现多个相同的id，浏览器不会去检查。
- class:获取页面的一类元素，可对一个或多个元素进行操作。
- style:设置某个元素的内联样式。
对元素、类、id不同级别样式规则的理解
- id、class用在css、js中，对一个元素或多个元素进行操作，获取一个或多个元素对象，进行样式，标签内容等的修改，style用来设置某个元素的具体样式。
- 样式优先级：标签样式小于class样式，class设置的样式小于style设置的样式和id设置的样式。id设置样式小于style设置的样式。
- 样式可层叠，元素的class中可以有多个class对象。