属性选择符和字体样式

属性选择符：

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