css－－-心得

核心提示：Ø关键字在水平方向的主要有left、center、right，表示居左、居中和居右，css－－-心得(3)，关键字在垂直方向的主要有top、center、bottom，表示顶端、居中和底端，本章主要对a标记做实例讲解其中伪类有四种常用形式是本章要讲解的，内容如下：• “

Ø关键字在水平方向的主要有left、center、right，表示居左、居中和居右。关键字在垂直方向的主要有top、center、bottom，表示顶端、居中和底端。其中水平方向和垂直方向的关键字可相互搭配使用。

Ø使用百分比和关键字对比说明background-position属性的属性值。

注意： 设置百分比时不能超过100%，100%是最大上限，如果超过了，则会进入或不显示！！

16. 1).设计边框样式——border-style

border-style:样式取值

border-top-style:样式取值

border-bottom-style:样式取值

border-left-style:样式取值

border-right-style:样式取值

Ø边框样式属性中border-style是一个复合属性，其他4个都是单个边框的样式属性，只能取一个值，而复合属性border-style可以同时取一到4个值。下面分别说明 border-style属性的4个取值方法：

—取一个值：四条边框均使用这一个值

—取两个值：上下边框使用第一个值，左右边框使用第二个值，两个值一定要用空格隔开。

—取三个值：上边框使用第一个值，左右边框使用第二个值，下边框使用第三个值，取值之间要用空格隔开。

—取4个值：四条边框按照上、右、下、左的顺序来调用取值。取值之间也要用空格隔开。

2).调整边框宽度——border-width

3).设置边框颜色——border-color

在使用边框颜色复合属性border-color时，如果只设置1种颜色，则四条边框的颜色一样；设置2种颜色，则边框的上下为一个颜色，左右为另一个颜色；设置3种颜色，边框的颜色顺序为上、左右、下；设置4中颜色，边框的颜色顺序为上、右、下、左。

4).设置边框属性——border

边距——margin-top/margin-bottom /margin-left/ margin-right/margin

填充——padding-top／padding- bottom /padding-left / padding- right /padding

调整边框宽度——border-width

17.边距：

border:<边框宽度>||<边框样式>| |<边框颜色>

margin-top:长度|百分比|auto

margin-bottom: 长度|百分比|auto

margin-left: 长度|百分比|auto

margin-left: 长度|百分比|auto

margin: 长度|百分比|auto（auto为自动提取边距值，是默认值。margin复合属性和其他复合属性的设置方法是一样的，也可以取1到4个值来同时设置边框周围的四个边距。）

16. 伪类与选择符间用冒号相连，在CSS中，伪类对文本或图像处于链接状态的修饰，故选择符大部分下是a标记，本章主要对a标记做实例讲解

其中伪类有四种常用形式是本章要讲解的，内容如下：

• “:link”用在为访问的链接上

• “:hover”用于鼠标光标置于其上的链接

• “:active”用于获得焦点（如“被单击”）的链接上

• “:visited”用在已经访问过的链接上

盒子在标准流中的定位原则

• 实验1——行内元素之间的水平margin

span.left{

margin-right:30px;

background-color:#a9d6ff;

}

span.right{

margin-left:40px;

background-color:#eeb0b0;

}

17. 1).设计列表样式——list-style-type

2).添加列表图像——list-style-image

none表示不使用图像符号。

URL指定图像的名称或者路径。

3).调整列表位置——list-style-position