一、概念
CSS（Cascading Style Sheets）是一种样式表语言，用于描述HTML或XML文档的呈现方式。
二、格式
2.1直接在div中添加格式要求：
<div style="color:blue; background-color:black;"></div>
2.2统一写在head中：
<head>
.c1{
color:red;
padding:10px;
}
</head>
<body>
<div class="c1">标题</div>
</body>
2.3建立一个css文件，在html文件中引入css文件：
<link href="static/static/bootstrap.css"> href为css文件的位置
三、选择器
3.1类选择器（常用，只要保证类名一致，就可以控制多个标签的样式）
.c1{
}
<div class="c1">xx</div>
3.2ID选择器（只能作用于一个标签，因为id一般是不能重复的）
#c1{
}
<div id="c1">xx</div>
3.3标签选择器
div{
}
<div>xx</div>
表示所有的div标签都是花括号中所写入的样式
li{
}
<ul>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul>
表示所有的li标签都是花括号中所写入的样式
3.4属性选择器
input[type:"text"]{
border： 1px solid red;
}
<input type="text">
表示给input输入的文本框加一个红色的边框，在[ ]中添加想要添加样式的属性
3.5后代选择器
.c2 li{
color=red;
}
<div class="c1">
<ul>
<li>11</li>
<li>22</li>
<li>33</li>
</ul>
</div>
<div class="c2">
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
</div>
表示将c2中的li标签添加颜色
扫一扫
2191
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
