CSS(层叠样式表)
使用方法
行内样式(1000)
外联样式
内部样式
基本选择器
标签选择器(1)
类选择器(class)(10)
id选择器(100)
选择器优先级
id > 类选择器 > 标签选择器
派生选择器
包含选择器(后代选择器)
子选择器
群组选择器
属性选择器
通配符选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/nav.css"/>
<style>
*{
padding: 0;
margin: 0;
}
/*内部样式*/
/*标签选择器:选中页内所有该类标签*/
div{
width:200px;
height:200px;
border:2px solid red;
}
.inner{width:200px;
height:200px;
line-height: 200px;
border:2px solid green;
text-align: center;
}
.inner p{
font-style: initial;
}
.nav>li{
}
</style>
</head>
<body>
<div style="width:100px;height:100px;">
行内样式
</div>
<div class="inner">
<p>内部样式</p>
</div>
<div>
外联样式
</div>
<ul class="nav">
<li>
<p>首页</p>
<ul>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
</li>
<p>新闻</p>
<ul>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
</li>
</ul>
</body>
</html>