1. <div style="特征:属性;征:属性"><div>
2. css文件引用 <link rel="stylesheet" href="demo.css">
3. <head>
<style>... ...</style>
</head>
1. tag选择器 div{}
2. id选择器 #divID{}
3. class选择器 .divClass{}
注意:上诉选择器优先级 style属性>id>class>tag
//所有元素赋样式
*{
color: red;
}
//父节点下 所有子节点赋样式
.fatherClassName childTag{
}
//父节点下 仅下一级子节点赋样式
.fatherClassName>childTag{
}
//当前节点之后的节点赋样式
.className~.className{
}
.ul-test li :hover :类名叫ul-test的标签下的子标签li进行筛选 选鼠标经过的li(:hover)
.ul-test li :active
.ul-test li :visited
具体知识点就不展开了,比较无聊,不用记,只要知道有这些东西就行,用的时候网上查询,了解大概样式是哪个标签的哪个css属性影响即可。
原文:https://www.cnblogs.com/LazyTiming/p/14762501.html