div+css中class和id什么意思啊？

Question

div+css中class和id到底什么区别啊？ 越来越糊涂了！什么ID只能用一次啊？我见人一个页面div id top, div content, div footer啊 一个出现N次 求大神解释啊！还有文字中 P和</p>这个段落又什么用啊? 好像不要也可以啊？ 到底什么作用？

Answer 1

在展示上，id的优先权比class要高，举例测试下：

因为id与class调用的都是css中样式名，所以这里用两个样式来比较，效果是最明显了，看看页面展示效果：

Answer 2

首先，笼统的回答，class在同一个页面中可以多次调用，而ID只能在同一个页面中只能调用一次。

当然，可能你目前一个页面里面多个地方调用同一个ID，页面也正常显示，那我只能说这只能认为是浏览器的纠错功能，而不能说你这样写是对的，另外，如果页面有用到js，而且有调用到你这个ID，就很有可能会出问题的。 而同一个class在同一个页面中你可以引用多次。

另外你说的<p>，这个是css里面的语义标签，而不是控制外观的标签，比如还有<address>标签，你加与不加从外观上是没什么区别的，这个语义类的标签可能作用在于给搜索引擎，或者是盲人阅读(电脑通过语义识别该怎么把网页上的内容提取出来)，

Answer 3

class是类，在一个页面中类名可以重复，如：
<div class="box">路航网络培训</div>
<h1 class="box">路航网络培训</h1>
<p class="box">路航网络培训</p>
你只要在css里设置一句.box{ color:red;}所有用了那个类名的盒子都会使用该样式，适合你页面中需要使用相同样式的地方

id名的正确用法是：
<div id="box">路航网络培训</div>
<h1 id="box1">路航网络培训</h1>
<p id="abc">路航网络培训</p>
以下用法是错误的：
<div id="box">路航网络培训</div>
<h1 id="box">路航网络培训</h1>
<p id="box">路航网络培训</p>
所以，"只能用一次"不是说id只能用一次，而是说同一个id名在一个页面里只能用一次

你关于的P的问题我不是很明白，我想说的是，html里的P标签的语义是段落标签，一般别人一看就知道那是一个段落，在css里它也有自己的默认样式。

Answer 4

ID只能用一次,是指在页面设计的时候只能调用他的属性一次，如果多于两次就会混乱。举个例子

#css{属性}这个就是ID
<div id='css'>内容</div>
我写的是正确的样式，如果是错误的话代码就会不认你的ID属性。这样你的样式就出不来了
<p>这个是段落，默认他是换行</p>我们不要的话是也可以，不过有的时候做多个字段的时候就要用到这个了。

Answer 5

你说的那种情况也有，好多写div+css的页面的写法不会特别规范，你可以多看看大型的网站的写法，一般class出现的次数会多于id，甚至不会用到id,因为id就像一个人的身份标示，就像我们的身份证一样，而class则像我们的衣服，撞衫再普遍不过，在段落中P标记你可以对它进行首行缩进等设置。具体页面具体对待。