会员登录 | 会员注册 | 意见建议 | 网站地图

站长资源综合门户

当前位置:首页 > 站长学院 > 网站设计 > DIV+CSS中要注意的细节问题

DIV+CSS中要注意的细节问题

时间:2011-09-22 12:27:45   作者:   来源:ahuing   点击:
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
img{ border:none }
object,textarea,img{vertical-align: top;} /*** 兼容用 ***/
a{text-decoration:none;color:#2C2C2C}
a:hover{text-decoration:underline;color:#F60;}

6.css选择器的优先级

class是设置标签的类,id是设置标签的标识,class属性用于指定元素属于何种样式的类。如样式表可以加入.content1 { color: red; } 使用方法:class="content1";

id属性用于定义一个元素的独特的样式。如一个CSS规则#content2 { font-size: 14px } 使用方法:id="content2";

id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆,所以一个页面相同的id只能有一个;

class是一个样式,可以套在任何结构和内容上,就象一件衣服,可以重复使用;

概念上说就是不一样的:

id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

在实际应用的时候,Class可能对文字的排版等比较有用,而ID则对宏观布局和设计放置各种元素较有用,ahuing在做页面时,一般css不是id,只用class,而id留给js调用的。

ID 的优先级要高于class,同一个标签的class采用就近原则,离标签最近的级别越高,页面里的css属性高于css文件里的,直接在标签里的属性最高,例如:

<style> {background:#000}</style>
<div class="black" style="background: #fff;"></div>,

背景就会显示白色。

分享到:

阅读此篇文章的网友还阅读了:

无相关信息

网友评论

推荐网站设计

热门网站设计

随机网站设计