css
层叠样式表,为HTML标签就样式规则
1)应用
1.属性内嵌式
将样式规则写入到style属性值中
2.嵌入式
<head>
<style>
div{
}
</style>
</head>
<body>
<div>hello world</div>
</body>
3.外部导入式
style.css
div{
width:100px;
height:100px;
}
<head>
<link>
2)规则
3)选择器
1.基本选择器
元素选择器:
类选择器:
组合选择器
.one , .two
id选择
.id
普遍选择器 *
并且选择器:nav.nav,选择标签名为nav
2.层次选择器
后代选择器:ul li
使用空格分开两个选择器
子代选择器:ul > li
使用>分隔两个选择器,选择ul的子元素,并且子代元素为li
下一个兄弟选择器:
使用+分隔两个选择器
使用~选择以下选择器
3.属性选择器
input[name]
input[name=val]
input[name*=val]
input[name~=val]
input[name$=val]
input[name^=val]
4.伪类选择器
:hover
:first-child
:last-child
:nth-child
:nth-last-child(1)
5.伪元素选择器
::after