引入方法
html中使用link标签引入css文件,便于维护
<link rel="stylesheet" type="text/css" href="1.css"/>
选择器详解:
标签名选择器
div{
border:1px solid red;
color: blue;
font-size: 30px;
}
id选择器
id是唯一的,相同class可以出现很多次
#id001{
border:1px solid red;
color: blue;
font-size: 30px;
}
<div id="id001">div1</div>
class选择器
.class001{
border:1px solid red;
color: blue;
font-size: 30px;
}
.class002{
border:1px dashed red;
color: pink;
font-size: 50px;
}
<div class="class001">div1</div>
<div class="class002">div2</div>
<span class="class001">span1</span>
<span class="class002">span2</span>
组合选择器
上面的随意组合都可以
.class001,#id001{
border:1px solid red;
color: blue;
font-size: 30px;
}