css class与id的区别

作者:袖梨 2022-07-02

导言
如果您尚未理解了它的力量CSS和网页标准的能力,内容从单独的标记从设计。因此,在本教程,我会解释如何使用类和id属性在您的XHTML和何时使用它们。

阶级属性
只是任何的XHTML元素可以有一个一流的转让。什么是一类你问?那么,把它作为一个棘手的说明。这个比喻已经使用过,所以我不会采取信贷,但它的最佳途径之一认为班级和入侵检测系统。基本上是你做的是建立一个一流的CSS代码,然后将它指派在您的XHTML 。下面是一个例子:

<html>
<header>
header>
<body>
 
<div class="container">div>
 
body>
html>

该ID属性
工程的ID几乎以同样的方式。这是一个棘手的说明具体的标记。和公正的任何事情,将接受一类将接受一个编号。所以,下面是一个例子专区宣布什么标识的使用:

<html>
<header>
header>
<body>
 
<div id="container">div>
 
body>
html>

如何通知的唯一一件事改变了类的ID吗?你或许可以看到他们如何工作几乎是相同的。

因此,有什么不同?

它漂亮归结为一件事:类可参照不止一次每页,而身份证只能再次引用每页?您可能是思维, “这是非常意义的。 ”那么,第二其他明显的区别是一个事实,即一个要素使用的标识可参照的一个脚本。例如,一个JavaScript函数,需要得到特定的编号,可致电它。下面是一个例子:

getElementByID(intro);

因此,如果您需要获得某一特定字符串或数字的东西,你可以用它的ID的标签内容。

权力背后有班级和入侵检测系统
本质的力量,经常殴打自黏便笺上的东西在您的XHTML代码背后的事实,它可以节省您的时间和精力,和我们大家都希望事情可以变得更轻松,对不对?在您的外部CSS代码,如果你宣布专区有一定的字体属性,这口下来。例如:

div#container {
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
line-height: 1.2em;
color: #999;
}
现在,所有的内容里面的内容专区将有字体的字体,大小12 ,行高1.2环境管理体系,以及一个灰色的颜色。这是非常有用的,因为没有更多的字体标记每一个段落,列表,标题,并表数据细胞。其次(最重要) ,如果您要更改颜色的字体整个整个网站,你只需要改变一条线,颜色: # 999 ; ,让这一影响。哇,你不用去修改每一个标记字体!

这就是本教程。我希望你明白的权力和易于使用的CSS设计您的网站。如果您有任何疑问,可随时访问我们的论坛,不要害怕分(发送私人讯息)对我来说, ,通过论坛,如果您有任何问题!

相关文章

精彩推荐