(1)一些css样式—链接、列表、表格、轮廓、字体

一、链接:

1.css连接到的四种状态

a:link    普通的、未被访问的连接

a:visited   用户已访问的链接

a:hover   鼠标指针位于链接的上方,就是准备点击时候的链接

a:active   链接被点击的时刻

2.常见的连接样式:

text-decoration属性大多用于取代链接的下划线

text-decoration:none 去掉链接的下划线

3.设置背景颜色

background-color 设置背景颜色


二、CSS列表:

CSS列表属性允许你放置、改变列表标志,或者将图像作为列表项标志

list-style    简写列表项

list-style-image    列表项图像

list-style-position    列表标志位置

list-style-type  列表类型

ul li{

list-style-image :url("icon-sun.gif");

list-style-position:inside 列表的前边空的更多一些

}

三、CSS样式—表格

CSS表格属性可以帮助改善表格的外观

1.表格的边框

2.折叠的边框

3.表格的宽高

4.表格的文本对齐

5.表格内边距

6.表格的颜色

#tableid { 

border:1px solid blue;//表格的外边框

border-collapse:collapse;//单线的边框

text-align:center;  //居中 

}

四、CSS样式—轮廓

突出元素的作用 

outline  设置轮廓属性

outline-color   设置轮廓的颜色

outline-style    设置轮廓的样式

outline-width   设置轮廓的宽度

五、CSS样式—字体

定义字体的系列、大小、加粗、风格和变形

font-family    设置字体的系列,比如宋体、罗马、黑体等

font-size    设置字体的尺寸

font-style    设置字体的风格

font-variant     以小型大写字体或正常字体显示文本

font-weight     设置字体的粗细

六、CSS样式—文本

定义文本外观

通过文本属性,可以改变文本的颜色、字符间距、对齐文本、装饰文本、对文本缩进

color    颜色

direction     文本方向

line-height    行高

letter-spacing    字符间距

text-align   对齐元素中的文本

text-decoration    向文本添加修饰

text-indent    缩进元素中文本的首行   2em - 2个字符

text-transform   元素中的字母设置,可设置全大写或者全小写

unicode-bidi    设置文本方向

white-space    元素中空白的处理方式

word-spacing    字间距

text-shadow    向文本添加阴影 text-shadow:5px 5px 5px #ffff00  (第一个值到左边的距离,第二个是到上面的距离,第三个是阴影的清晰度,第四个颜色)

word-wrap    规定文本的换行规则



猜你喜欢

转载自blog.csdn.net/biandous/article/details/53265045