惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog
Hugging Face - Blog
Hugging Face - Blog
月光博客
月光博客
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
人人都是产品经理
人人都是产品经理
博客园 - Franky
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
P
Proofpoint News Feed
F
Fortinet All Blogs
H
Help Net Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
V
Visual Studio Blog
Jina AI
Jina AI
J
Java Code Geeks
Blog — PlanetScale
Blog — PlanetScale
S
SegmentFault 最新的问题
D
DataBreaches.Net
T
The Blog of Author Tim Ferriss
美团技术团队
博客园 - 司徒正美
宝玉的分享
宝玉的分享
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Apple Machine Learning Research
Apple Machine Learning Research

博客园 - Davi.Wang

ASP.NET程序中常用代码2 ASP.NET程序中常用代码 .NET调用Com组件事例 有关COM的一些基本知识 在JavaScript中使用面向对象 一道数据库面试题 精妙SQL语句收集 oracle 存储过程的基本语法 动态网站中静态页面的管理与维护 ASP.NET 动态转静态页面的两种方法总结 - 动态页面转换成HTML静态页面方法 网站生成静态页面,及网站数据采集的攻、防原理和策略 ORACLE函数大全 程序员必须掌握的基本正则表达式(一) DataWindow控件用在vs2003中,回车换行问题..求救. 键盘对应代码 比较Hibernate和ADO.net 2.0,问?Hibernate还有什么特性更值得期待? 把CS文件编译成dll文件 向东博客javascript教程目录 javascript常用方法
div+css中id和class的区别运用详解
Davi.Wang · 2007-11-25 · via 博客园 - Davi.Wang

 现在大多数网站已经开始采用div+css技术来制作网站,因为这样的格式比以前用table技术显示更加迅速,这是因为div,css是执行与显示是同步的,而table是先执行后显示.

  我们知道在用CSS样式表定义一个样式的时候,可以定义id也可以定义class,例如:

  ID方法:#test{color:#333333},在页面中调用<div id="test">内容<div>
  
  CLASS方法:.test{color:#333333},在页面中调用<div class="test">内容<div>

  一个id在一个页面只可以使用一次,class可以多次引用。

  有网友问,id和class好象没什么区别,我在页面中用了多个id在IE中显示也正常,用多个id有什么影响吗?

  回答:第一影响就是不能通过W3的校验。

  在页面显示上,目前的浏览器还都允许你犯这个错误,用多个相同ID“一般情况下”也能正常显示。但是当你需要用JavaScript通过id来控制这个div,那就会出现错误。

  id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;

  class是一个样式,可以套在任何结构和内容上,就象一件衣服;

  概念上说就是不一样的:

  id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

  web标准希望大家用严格的习惯来写代码

  例如:你可以用<b></b>显示粗体,也可以用<strong></strong>来显示,但W3C 建议大家用<strong>,因为<strong>更有语义