在CSS中,ID与class有什么区别,看到别人网站布局,很多class跟ID,感觉id跟class的效果差不多的。

[复制链接]
查看11 | 回复9 | 2011-11-4 08:58:06 | 显示全部楼层 |阅读模式
小弟刚刚接触CSS,求高手指教。有比较好的学习网站可以留下来
回复

使用道具 举报

千问 | 2011-11-4 08:58:06 | 显示全部楼层
1.id的优先级比class高2.class是通用属性,就是说几个div可以调用同一个class,而ID是唯一的。打个比方:ID就是避孕套只能用一次,而class就像女人随便用还可以通用。style#id{background-color:Red}.class{background-color:blue}/styledivclass=\"class\"id=\"id\"这只避孕套什么颜色/div这里id的优先级比class高例:style#id{background-color:gray}.hair{color:Gold;}.tixing{width:95px;height:168px}/styledivid=\"id\"class=\"class1class2\"这是什么样的美女/divHair类控制头发颜色,tixing则控制身材大校
回复

使用道具 举报

千问 | 2011-11-4 08:58:06 | 显示全部楼层

回复

使用道具 举报

千问 | 2011-11-4 08:58:06 | 显示全部楼层

回复

使用道具 举报

千问 | 2011-11-4 08:58:06 | 显示全部楼层
效果不是差不多,其实就是一样的,ID是一个固定的名字,class是一个类的CSS,可以给任何一个地方用。
回复

使用道具 举报

千问 | 2011-11-4 08:58:06 | 显示全部楼层
id是元素的名称,可以供js或其它脚本程序来访问该元素对象,而class是该元素的css类名。
id的值在整个当前网页中应该是唯一的,即某一个元素定义了id=\"aaa\",那么这个网页中其它的元素的id就不能定义成aaa,而class则可以。
另外,形如id=\"aaa\"定义的,在css中是这样设置其样式的:
#aaa{样式列表}
而以class=\"bbb\"形式定义的,在css中应该这样设置其样式:
.bbb{样式列表}
(注意前面有一个点)
回复

使用道具 举报

千问 | 2011-11-4 08:58:06 | 显示全部楼层
一般来说唯一的内容用ID写,重复的东西用class<br/>
<br/>比如head,banner,sidebar,content,wrap这些名称的用ID,因为他们在网页一般都是唯一的,用来布局<br/>
<br/>像.post,box,p,等,这样的用class来写,用来设置样式,因为样式可能会多处使用
回复

使用道具 举报

千问 | 2011-11-4 08:58:06 | 显示全部楼层
非也,ID属性在很多情况下,只能用这个,如ASP中,通过获取表单元素,只能用ID才可以,因为在DOM中,ID是表示元素名称。在javascript中,获取ID值和class值语句也不同
回复

使用道具 举报

千问 | 2011-11-4 08:58:06 | 显示全部楼层
用最简单方法告诉你ID在网页中是唯一的不可以重复class的名字可以重复两者实现的效果是一样的但是用ID的话CSS规则前面要加#用class的话CSS前面加.比如说style#ddd{color:#ffoo}/style对应的肯定是divid=\"ddd\"再比如style.ddd{color:#ffoo}/style对应的肯定是divclass=\"ddd\"
回复

使用道具 举报

千问 | 2011-11-4 08:58:06 | 显示全部楼层
id是唯一的class是可以重复的可能在CSSid重复使用不会出错但JS中用到ID就会出现意想不到的错误
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
热门排行