css中选择器的使用

css中通过使用选择器,使界面整齐,使代码整洁。

各个选择器的使用代码如下:

@CHARSET "UTF-8"; /*使用类选择器*/ .style1{ font-size: 20px; color: blue; font-style: italic; background-color: silver; } /*使用id选择器*/ #style2{ font-size: 50px; color: purple; } /*使用html选择器 滤镜的使用*/ a:link img{ filter:gray; } a:hover img{ filter:""; }


 

使用选择器的html代码如下:

Test1.html 星期一 星期二 星期三 星期四 星期五
劳动最光荣


界面效果为:

还使用了滤镜,所以图片颜色都为灰色,但鼠标放上去后图片显示它原来的颜色。

 

 

转载于:https://www.cnblogs.com/JPAORM/archive/2012/05/01/2510262.html

你可能感兴趣的:(css中选择器的使用)