今天我们讲一个HTML页面标准文档结构和HTML元素的三大通用属性。
HTML页面标题文档结构如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
每一行的解释如下
大家一定要牢记,虽然现在主流编辑器都可以一键生成,但大家一定要理解每一行的意义。
HTML元素的三大通用属性
三大通用属性即:
- id属性 :有唯一性,浏览器不检查,用户要检查保证一个页面中只能有一个ID属性值。
- class属性:也叫类属性,可以有多个类属性值。类属性值可以用在不同的元素中。
- style属性:获得当前元素对象的样式。
可以通过JS的各种功能来获取元素对象。
- getElementById:通过ID获取
- getElementsByClassname:通过类名获取
- getElementsByTagName:通过元素名获取
常用的CSS选择器
ID选择器,class类选择器,行内样式,元素选择器。 优先级如下:行内样式>style>id>class>元素选择器.
样式可层叠使用,如果有同样的样式。比如都设置有字体颜色,刚按照优先级别最高的选择器样式显示。
千里之行,始于脚下,继续努力,追赶进度!