css中的类样式和id样式

W3C标准中对于ID与CLASS的设定是：ID具有唯一性，CLASS具有普遍性。

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了罗城免费建站欢迎大家使用！

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

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

在CSS中你可能不会碰到太大的问题。但是当用JavaScript调用ID时，问题就来了，比如下面的代码：

p id="html"人aaaaa/p

code id="html"fffff/code

scriptalert(document.getElementById("html").innerHTML)/script

这个弹出的结果是 人aaaaa。而 下面的元素就完全被忽略了。

这只是一个小小的测试，具体到做项目的时候会碰到什么后果就没法预计了。

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

ID在页面中必须唯一。这样才符合web2.0标准。

Css中设置id的写法是什么？

可以这样理解：

一、元素：就是html标签，比如table，tr，td，img，input等等，在对这些使用css的时候，元素名前面可以不用加任何符号，如：对网页中所有input元素用一个css样式，那么可以在样式中写 input｛样式｝

二、ID：如果想在网页中某个特定地方使用css，这时候就可以给那个元素一个ID，在样式的时候，ID前面要加“#”，比如：想对ID为test的表格应用一个css样式，可以写作 #test

三、类就是大多数情况下都可以调用的，在前面要加个“.”，然后在使用的时候用 “class=类名”

dreamweaver Cs3 如何调用 id 类 css样式

如果你的CSS是单独建立的，首先你的HTML页面中要引用这个CSS文件，然后可以通过ID=的方法调用

举个例子，我建设的页面CSS文件为

SCXH.CSS,

首先我们需要在index.html里面调用它

link

href="scxh.css"

rel="stylesheet"

type="text/css"

/

这一段加字页面的head标签范围内

然后我们在scxh.css文件中建立一个ID

#win

{

width:980px;

height:auto;

display:inline-block;}

HTML页面中可以用如下代码调用：

div

id="win"/div

如果建立的是类，如

.linepic

{

width:100%;

height:auto;

display:inline-block;}

则使用

div

class="linepic"/div

的方法调用。

ID和类的区别在于，ID是唯一的，也就是说在一个HMTL页面中ID只能有一个，而类却可以被重复调用。

希望以上说明，对你有所帮助

网页题目：id的css样式,css样式id选择器
文章起源：http://azwzsj.com/article/phgoji.html