简要介绍
CSS的样式构成：选择器以及一条或者多条声明。
注：CSS要写在<style> </style>之间，在这之间写样式。
h1{ color:red; font-size:25px },其中h1是选择器，color、font-size是属性，red、25px则是值。
选择器即根据不同需求把不同的标签选出来，简而言之就是选择标签用的，注意：内部的属性与属性值之间要用 "键值对" 的形式出现，一个属性结束后要加分号（;），其中这里的属性是指对你所指定的对象设置的样式属性，例如字体的大小、文本颜色等。
选择器的种类：
选择器分为基础选择器与复合选择器两种，基础选择器是由单个选择器组成。
基础选择器包含：标签选择器、类选择器、id选择器、通配符选择器。
标签选择器：
是指把HTML标签名字作为选择器，把你所选择的该类标签全部选择出来并把值赋值。
类选择器：
如果想差异化其中一群标签中的一个或某几个（有很多这种标签），就需要类选择器。
下面是类选择器的口诀：样式点定义，结构类调用。
在类选择器中，选择器的定义比标签选择器更加广泛，其中的选择器名字可以由我们自己定义，但在实际运用中，还是以英语缩写为主，而在我们定义的名字如果很长时我们可以在2个英文缩写之间用-来连接。
注：不要使用纯数字、中文等命名，一个标签可以使用多个类选择器，但注意多个类选择器之间要用空格隔开。
id选择器：
id选择器可以为标有特定id的HTML元素指定特定的样式。
id选择器的结构与类选择器类似，样式#定义，结构id调用。
注：id选择器只能被调用一次，使用一次后就不能在被使用，因此id选择器一般用于页面唯一性的元素。
通配符选择器：
通配符选择器是用*来定义的，通配符选择器不需要被调用，就会自动给所以元素使用该样式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p {
/*标签选择器 */
color: red;
font-size: 16px;
}
div {
/* 标签选择器 */
color: black;
font-size: 16px;
}
.red {
color: red;
font-weight: 700;
}
.yellow {
color: yellow;
font-weight: 700;
}
#red {
color: red;
font-style: italic;
}
</style>
</head>
<body>
<p>清梦</p><br/>
<div>星河</div>
<ul>
<li class="red">秋殇</li>
<li class="yellow">别恋</li>
<li id="red">星空</li>
</ul>
</body>
</html>
1370
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
