一、背景色
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; }
时间: 2024-11-10 07:35:21