CSS（一）

*{
color:...
}

默认本页面所有元素都是这么一个颜色

.c1+p{
color:..
}

表示紧随class="c1"的标签的一个标签的颜色是这个

比如：

<div class="c1">
 <p>hellow</p>

<p>world</p>
</div>

这里显示这种颜色的只是hellow

.c1~p
{
color:...
}

表示c1后面所有的p元素

div>p{
color:..
}

表示页面中所有div子元素的p标签

css权重

！important              Infinity

行间样式                    1000

id                                  100

class|属性|伪类              10

标签|伪元素                    1

通配符                           0

它的1000、1000、10这些都是256进制表示的，而不是单纯的数字

div{
background-color:green!important;
}

这个样式是级别最高的了，不会被任何覆盖

border-color:transparent   这个是透明色

line-height:200px   这个是单行文本所占高度，只限制一行文本在盒子里的高度

这里将一个如何将一个框框里面的文字水平垂直居中的方法：

div{
border:1px solid black;
width:200px;
height:200px;
line-height:200px;
}

只要将line-height和height设置成相同的就可以

text-indent:2em;     表示首行缩进两个字节

text-decoration:line-through        设置文本上的划线     设置成none就能去掉文字的划线了

curser:pointer        设置鼠标移动到链接文本上的时候变成什么样子，这个例子是变成一个小手

伪类选择器：

:hover{

}

表示当鼠标移动到这里的时候会出现的样式

一般是先定义css然后写html，这样的方法叫做功能性定义

字符标签，这个可以用来初始化一些标签