1. 标签(tag):用于创建HTML元素。例如,
这是一个段落
。2. 类(class):用于创建CSS类。例如,
这是一个具有类名“myclass”的段落
。3. 属性(attribute):用于设置或获取元素的属性值。例如,
这是一个具有id属性的段落
。4. 选择器(CSSOM):选择器是一种CSS规则,用于选择HTML或XML元素。CSSOM是一个包含所有选择器的元数据,它描述了选择器的语法和规则。
5. 属性选择器(attribute value):用于选择具有指定属性值的元素。例如,
这是一个具有style属性的段落
。6. 伪类(伪类样式):用于创建复杂的样式。例如,
这是一个标题
和这是一个副标题
。7. 选择器(CSS规则):用于选择HTML或XML元素。例如,p { color: red; }。
8. 媒体查询(media query):用于根据特定条件选择元素。例如,p { color: blue; }。
9. 响应式布局(Responsive layout):用于根据设备类型和分辨率调整布局。例如,body { display: flex; flex-direction: column; height: 100vh; }。
10. 层叠样式表(层叠样式表):用于创建复杂的样式。例如,.parent { height: 100px; } .child { height: 200px; background-color: blue; }。
CSS中包含了各种各样的元素,每种元素都有其独特的用途和语法。掌握这些元素,可以让大家更好地控制网页的样式和布局,使网页更加美观和易于使用。