css的id样式和类样式是什么意思

html-css08

css的id样式和类样式是什么意思,第1张

ID具有唯一性,CLASS具有普遍性。

id样式用为#

ID:是指id为某个值的元素.CSS定义为:#div_id{}.定义之后就是ID为div_id的div是这种样式.范围单一,一般用于指定的元素.

class类样式用为.

类:是指class为某一个值的元素.CSS定义为:.div_class{}.定义之后就是类为div_class的div是这种样式.范围好控制,需要用这种样式的就给他class就行了.

类就是class

id不允许重复

标签是指p、ul、li等元素

复合内容是

还是实例说

#id1{margin-top:10px

margin-right:20px

margin-bottom:30pxmargin-left:40px

}

#id1{margin:10px

20px

30px

40px}

ID给很多个标签定义样式是不正常的。页面存在多个相同的ID影响就是不能通过W3的校验。

在页面显示上,目前的浏览器还都允许犯这个错误,用多个相同ID“一般情况下”也能正常显示。但是当你需要用JavaScript通过id来控制这个div,那就会出现错误。

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

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

概念上说就是不一样的:

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

也就是说建议在写XHML+CSS时如果是唯一的结构定位的就用id,否则就用class。