网站设计div+css中id与class的区别_扬州seo-从此做网站优化很轻松

在设计网站中必不可少的要用到DIV+CSS,越来越多的网站都用这样的结构，今天说一下网站设计中div 标签中的 id 和class的区别。

可能对于新手来说感觉不到什么区别，比如下面的代码

代码A

<html>
<head>
<title>365网站建设-从此做网站很轻松</title>
<style type="text/css">

</style>
</head>

代码B

<html>
<head>
<title>365网站建设-从此做网站很轻松</title>
<style type="text/css">

</style>
</head>

其中代码A和代码B运行的效果是一样的。如果是<div id="XXX">那么css里就写#XXX，如果是<div class="XXX">那么css中就写成.XXX

那么在DIV中为何有两种标签呢？请先下面的例子：

<html>
<head>
<title>365网站建设-从此做网站很轻松</title>
<style type="text/css">

</style>
</head>

css中.a .b .c 共有三个属性，在div 中可以直接写<div class="a b c">abc</div>那么运行这个网页后看到一个宽300px 高200px 背景为:#999999的div层。也就是class是可以同时加载多个css类的，而<div id="XXX">里却不可以多个类，在网站设计中特别提醒大家多多用class，特别是大型网站模板设计，方便日后的改版工作，精简css文件的体积，很多人说网站优化，其实css也是需要优化的。

(责任编辑：admin)