作者:趣趣虎 来源:www.ququhu.com 时间:2007-09-05
我们知道在样式表定义一个样式的时候,可以定义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>更有语义
如果对这些细节问题不重视,觉得无所谓,
那么你就没必要向xml过渡了,也没必要学习web标准了,因为web标准应用就是从这些小细节上的改变开始,否则用现在的html不是也可以?
文章关键字:影响 多个 页面 同一个 id 可以 内容 class div 显示
上一篇:CSS实例教程 下一篇:CSS入门教程之CSS的语法
165 * 70 广告位招租
联系QQ:349881211
联系QQ:349881211
165 * 60 广告位招租
联系QQ:349881211
联系QQ:349881211
网友发表评论:
热点文章
·CSS应用小技巧十四例
·用CSS缩写给你的网站加速
·CSS 样式切换
·CSS光标属性一览表
·利用CSS改善网站可访问性
·收藏几个好看的button样式
·CSS中的滑动门技术
·CSS实例教程
·CSS入门教程之CSS的语法
·CSS的超级技巧大放送
·关于box(盒模式)的一系列问题
·采用WEB标准时页面自适应的解决方案一
·用CSS缩写给你的网站加速
·CSS 样式切换
·CSS光标属性一览表
·利用CSS改善网站可访问性
·收藏几个好看的button样式
·CSS中的滑动门技术
·CSS实例教程
·CSS入门教程之CSS的语法
·CSS的超级技巧大放送
·关于box(盒模式)的一系列问题
·采用WEB标准时页面自适应的解决方案一
相关文章
·CSS实例教程
·CSS入门教程之CSS的语法
·CSS中的滑动门技术
·CSS的超级技巧大放送
·收藏几个好看的button样式
·关于box(盒模式)的一系列问题
·利用CSS改善网站可访问性
·采用WEB标准时页面自适应的解决方案一
·CSS光标属性一览表
·CSS入门教程
·CSS 样式切换
·用CSS缩写给你的网站加速
·CSS入门教程之CSS的语法
·CSS中的滑动门技术
·CSS的超级技巧大放送
·收藏几个好看的button样式
·关于box(盒模式)的一系列问题
·利用CSS改善网站可访问性
·采用WEB标准时页面自适应的解决方案一
·CSS光标属性一览表
·CSS入门教程
·CSS 样式切换
·用CSS缩写给你的网站加速
相关连接
相关连接
图片连接


