over 注意 tab style -i ddl 应用 square center
一、背景色
- 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样式要点笔记
over 注意 tab style -i ddl 应用 square center
原文:http://www.cnblogs.com/tsembrace/p/7860738.html
来源: http://www.bubuko.com/infodetail-2401097.html