CSS布局教程

基于web标准的网站设计指南

« 使用div元素关于id和name »

使用span元素和id元素

span元素与div元素相比就显得清闲许多,但span在网页设计中的作用依然不容忽视,span元素一般被用在文本行中修饰特点文本的显示属性,或者局部辅助div元素完善页面布局,由于span元素是一个内联元素,不会引起换行,也不会改变现有的布局或样式,因此它是最理想的逻辑化容器元素。
如果你在dreamweaber 8中或更高级别的版本中为文本行中局部文本定义颜色,则系统会自动插入一个span元素,并定义一个css的颜色样式类,利用span 元素辅助div元素来调整布局空闲或间距非常方便。
span元素也可以嵌套,但span元素嵌套与div元素嵌套在功能上有着很大的不同,div嵌套是为了完善结构布局,而span嵌套更多的目的是为了改善显示效果,实际对于div和span元素的作用和范围并没有严格的区分,读者完全可以通过css的控制把span元素当做div来使用,但这不是w3c组织当初设计这些元素的初衷,所有就这个话题我们也不想继续深入的探讨。
最初id作为脚本语言控制页面元素的一个接口,如javascript通过id属性动态控制页面中每个元素的显示状态,这里的id属性被赋予了标识页面元素的唯一身份任务,试想如果一个页面出现了多个相同的id属性取值,javascript会因为无法分辨要控制的元素而最终报错。医用灭菌袋 灭菌袋封口机  硅橡胶印模材  齿科针
css继承了web脚本中id的功能,定义它为最基本的选择符,赋予了重要使命,希望用它来控制某个具体元素对象的样式,但css没有脚本语言那样严密,它对待相同命名的id属性元素,虽然不支持这样做法,但默认情况下依然能够正确解析他们的样式,这种不必要的宽容最终诱惑使少数设计师无所顾忌的乱用id属性
实际上id是表示身份的意思,正如人的身份证号一样,它的取值应该是唯一的,因此,在网页文档镇南关的每个id属性值都必须是唯一的,如果你要为两个对象定义相同的样式,建议使用class属性,请读者注意,javascript脚本要放在div元素的后面,因为浏览器是按顺序解析的,如果放在前面,则脚本先被执行,但由于div元素还没有被解析,因此就不能够看到javascript脚本的作用,而css的代码可以放置在页面任何位置,因为它是被元素调用之后才开始呈现样式的,当div元素解析时候调用指定的样式才显示效果,所有不受先后所处位置的影响。
最后,我们分别在不同浏览器中测试,则文本显示为蓝色,说明javascript脚本具有更大的优先权,由于javascript脚本和css代码属于不同的逻辑层面,因此两者同时存在于同一个页面内时候不会发生矛盾。天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作
 

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号