WEB开发网
开发学院网页设计心得技巧 css---心得 阅读

css---心得

 2012-05-25 10:19:33 来源:WEB开发网   
核心提示:Ø关键字在水平方向的主要有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

上一页  1 2 3 4  下一页

Tags:css 心得

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接