css设置id怎么用

html-css021

css设置id怎么用,第1张

如果你说的事ID选择器的话,例子如下

<HTML>

<head></head>

<style>

# d1{

width:100px

height:100px

background:pink

}

</style>

<body>

<div id=" d1">

</div>

</body>

</HTML>

id选择器在一个页面中只能有一个,能通过ID选择器为不同的元素进行样式的更改。在body页面里为需要的元素进行命名,再在style里通过ID名进行样式修改

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

id样式用为#

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

class类样式用为.

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

W3C标准

中对于ID与CLASS的设定是:ID具有唯一性,CLASS具有普遍性。

而目前大部分浏览器确实可以定义页面中多个元素的ID相同,并赋以相同的样式,因为目前的浏览器和CSS都对其

睁一只眼闭一只眼

就比如说法律规定你做好事,但你也可以去做坏事一样。这是一个标准,你可以遵守,也可以不遵守,但是不遵守的后果很严重。

在CSS中你可能不会碰到太大的问题。但是当用

JavaScript

调用ID时,问题就来了,比如下面的代码:

<p

id="html">人aaaaa</p>

<code

id="html">fffff</code>

<script>alert(document.

getElementById

("html").

innerHTML

)</script>

这个弹出的结果是

人aaaaa。而

下面的元素就完全被忽略了。

这只是一个

小小的测试,具体到做项目的时候会碰到什么后果就没法预计了。

所以建议你还是遵守标准来设计网页。

ID在页面中必须唯一。这样才符合

web2.0

标准。