CSS 闲着无聊读一读，不知不觉学会CSS （二）

2.文本与字体属性

======================================================================

文本属性：

其中：

text-align默认值是左边。

下面写一个关于line-height的例子：

我们不一样！！！

3.字体属性

===================================================================

注意：关于字体，一般很特殊的字体，网站上面都是使用图片来表示。是否能够显示此字体是根据用户电脑里面是否有对应的字体文件，如果没有该文件就会显示为宋体。

4.复合选择器

====================================================================

E F{属性:value} (后代多元素选择器)格式：就是一个镶嵌时应用的，这个格式缺点是只要是F

标签的都会改变。

E > F {属性:value}(子元素选择器) 格式：和上一个比起来，就是只能执行F标签的一级，也就是镶嵌在别的标签的F标签是不能被实现的。

E + F {属性:value}(相邻选择器) 格式：这个理解起来有点麻烦，也很简单，满足三个条件：

• E元素与F元素必须是兄弟关系，平辈关系。

• E元素与F元素必须要相邻，中间没有任何标签元素。

• 要求F元素一定是在E元素标签的下面。

5.列表样式属性

=====================================================================

无序列表和有序列表。

属性主要包括一下：

1.list-style-type :

none(将列表前面的项目符号去掉)

disc(实心圆)

square(实心小方块)

circle(空心圆)

2.list-style-position

inside(在里面)

outside(在外面)

3.list-style-image

url(图像路径)

4.list-style

可以应用上面所有属性。

list-style-image:将列表前面的项目符号设置为一张图片，它的值是：url(图片的地址),执行这个时要先删除无序列表的符号，也就是先执行list-style-type:none。

6.margin-left和margin-right

=======================================================================================

外边距：HTML中的表格标记属性 cellspacing。

单元格与单元格之间的距离。

在CSS中盒子与盒子之间的距离也称为外边距(margin:)。

margin-left: auto;

margin-right: auto;

7.伪类选择器

====================================================================

伪类选择器是用来给超级链接的不同状态来设置样式。

1.：link 向未被访问的链接添加样式。

2.：visited 向已被访问的链接添加样式。

3.：hover 当鼠标悬浮在元素上方时，向元素添加样式。

4.：active 鼠标放在元素上面时，点击的一瞬间。

注意：这里在执行时候，顺序必须是从1-4，不能混乱，否则执行会出现问题。