标签：
body内的代码如下：
<a href="##" class="columnNews">我的背景想变成红色</a> <a href="##" class="columnVideo">我的背景想变成红色</a> <a href="##" class="columnAboutUs">我的背景想变成红色</a><br/> <a href="1.doc">我的背景想变成绿色</a> <a href="2.doc">我的背景想变成绿色</a><br/> <a href="##" title="this is a box">我的背景想变成蓝色</a> <a href="##" title="box1">我的背景想变成蓝色</a> <a href="##" title="there is two boxs">我的背景想变成蓝色</a>
<style type="text/css"></style>中代码如下：
E[att] 选择具有att属性的E元素。
<style type="text/css">
a[class]{
background-color: red; /*含class属性的背景颜色变红*/
}
</style>
E[att="val"] 选择具有att属性且属性值等于val的E元素。
a[class="columnAboutUs"]{
background-color: red; /* class属性且属性值等于columnAboutUs的a元素背景变红。 */
}
E[att~="val"] 选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。
a[class~="columnAboutUs"]{ background-color: red;/*选择具有class属性且属性值为一用空格分隔的字词列表，其中一个等于columnAboutUs的a元素（包含只有一个值且该值等于columnAboutUs的情况）。*/
}
E[att^="val"] 选择具有att属性且属性值为以val开头的字符串的E元素。
a[class^="col"]{ background-color: red; /*class属性且属性值为以col开头的字符串的a元素*/ }
E[att$="val"] 选择具有att属性且属性值为以val结尾的字符串的E元素。
E[att*="val"] 选择具有att属性且属性值为包含val的字符串的E元素。
E[att|="val"] 选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。
1、 font-family
p{
font-family:宋体;
}
2、font-size
p{
font-size:14px;/*字体大小：14px*/
}
3、 font-weight
p{
font-weight:bold;/*加粗*/
}
4、 font-style
p{
font-style:italic;/*斜体*/
}
line-height：16px; 是行高的意思。这里的意思是行高是16px;
可以和上面的几个字体样式缩写：p { font:italic bold 14px/16px 宋体}
5、 font
6、color
7、 text-decoration
8、 text-shadow
9、 width
10、 height
11、 margin
12、 padding
标签：
原文地址：http://www.cnblogs.com/dadayang/p/5759464.html
