CSS语法格式
css语法:
格式:
选择器 {
属性名1:属性值1;
属性名2:属性值2;
...
}
选择器 : 筛选具有相似特征的元素
注意:
每一对属性需要使用;隔开,最后一对属性可以不加;
选择器:筛选就有相似特征的元素
分类:
·基本选择器
1.id选择器:选择具体的id属性值,建议在html页面中id值唯一
语法:#id的属性值{}
2.元素选择器:选择具有相同标签名称的元素
语法:标签名称{}
注:id选择器高于优先级高于元素选择器
3.类选择器:选择具有相同的class属性值的元素
语法:.class属性值{}
主语:类选择器优先级高于元素选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #div1{ color: red; } div{ color: blue; } .class01{ color: chartreuse; } </style> </head> <body> <!-- 基本选择器 1.id选择器:选择具体的id属性值,建议在html页面中id值唯一 语法:#id的属性值{} 2.元素选择器:选择具有相同标签名称的元素 语法:标签名称{} 注:id选择器高于优先级高于元素选择器 3.类选择器:选择具有相同的class属性值的元素 语法:.class属性值{} 主语:类选择器优先级高于元素选择器 --> <div id ="div1">哈嗨</div> <div>哈嗨</div> <p class="class01"></p> </body> </html>
标签:595,元素,选择器,语法,id,CSS,属性 From: https://www.cnblogs.com/agzq/p/16816177.html