1.CSS是Cascading Style Sheet的缩写。译作(层叠样式表单)。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
2.把css样式写成一个单独的css文件,再通过link标签引入即可复用。
<link rel="stylesheet" type="text/css" href="1.css"/>
link标签专门用来引入css样式代码
3.选择器
3.1 标签名选择器
标签名选择器的格式是:
标签名{
属性:值;
}
标签名选择器,可以决定哪些标签被动的使用这个样式
3.2 id选择器
id选择器的格式是:
#id属性值{
属性:值;
}
3.3 class选择器(类选择器)
class类型选择器的格式是:
.class属性值{
属性:值;
}
class类型选择器,可以通过class属性有效的选择性的去使用这个格式。
3.4 组合选择器
组合选择器的格式是:
选择器1,选择器2,选择器n{
属性:值;
}
4.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS选择器</title>
<style type="text/css">
.class01,#id01{
color:blue;
font-size:20px;
border:1px solid yellow;
width:200px;
height:200px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:green;
}
a{
text-decoration:none;
}
table{
border:1px red yellow;
border-collapse:collapse;
}
td{
border:1px solid red;
}
ul{
list-style:none;
}
</style>
</head>
<body>
<ul>
<li>1111111111</li>
<li>1111111111</li>
<li>1111111111</li>
<li>1111111111</li>
</ul>
<table>
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
</table>
<a href="http://www.baidu.com">百度</a>
<div class="class01">div标签class01</div><br/>
<span id="id01">span标签</span><br/>
<div>div标签</div><br/>
<div>div标签id01</div><br/>
</body>
</html>
5.
标签:1111111111,标签,技术,选择器,class,CSS,属性 From: https://www.cnblogs.com/bqg2233/p/17192061.html