码迷,mamicode.com
首页 > Web开发 > 详细

CSS样式要点笔记

时间:2017-11-19 23:40:06      阅读:392      评论:0      收藏:0      [点我收藏+]

标签:单位   删除线   css   tran   middle   水平   site   link   weight   

一、背景色

background-color:#ccc;

background不能继承,其默认值是transparent(透明的),即在某元素未设置background-color时其默认为透明背景,即这时候如其父元素背景设置了则可见。

二、文本

1、文本缩进:

p {
    text-indent: 2em;
}

一般对于块级元素都可以应用text-indent,而行内元素无法应用。缩进的单位一般通过em表示元素内容的单位。该属性可以继承。

2、水平对齐:

p{text-align:center;}

这里需要注意的是text-align顾名思义仅是让元素内部的文本/内容(text)对齐,而非让该元素本身。

3、字间隔:

p {word-spacing: 2em;}

4、文本装饰:

p {
    text-decoration:underline;
}

该属性值包括:none无装饰、underline下划线、overline上划线、line-through删除线、blink闪烁字。

三、字体

p {
    font-family:sans-serif;
    font-style:italic;
    font-weight:bold;
    font-size:18px;
}

四、链接

a:link {color:#FF0000;}
a:visited {color:#00FF00;}
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}

“lvha”分别对应未被点击访问、已被点击访问、鼠标指针移动到链接上、正在被点击四种状态。设置的时候必须注意按照"lvha"的顺序。

五、列表

1、修改列表项目的标志类型:

ul { list-style-type: square;}

2、使用图像作为列表项目标志:

ul li {list-style-image: url(x.jpg);}

六、表格

table, th ,td {
    border:1px solid blue;
}
th {
    background-color:green;
}
th, td{
    text-align:center;
    vertical-align:middle;
}

 

CSS样式要点笔记

标签:单位   删除线   css   tran   middle   水平   site   link   weight   

原文地址:http://www.cnblogs.com/tsembrace/p/7860738.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!