CSS布局教程

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

« css基本语法id选择符和class选择符 »

类型选择符

类型选择符就是网页元素自身,定义的时候直接使用元素名称,如定义段落样式,我们可以使用p元素名称,即把p作为选择符就可以,在xhtml框架中所有元素都可以作为类型选择符来进行定义,例如:下面定义样式的选择符都是类型选择符。
html{}body{}div{}span{}br{}
定义了类型选择符,所定义的属性就会影响引用这个样式的所有该元素的显示效果,因此,类型选择符是一把双刃剑,使用恰当会非常省力,但考虑不周,贸然定义类型选择符就会给网页布局增加无穷的烦恼,例如,如果在样式中定义:div{width:774;}那么当你使用div进行布局时候,就需要重新为页面中每个div对象定义宽度,意味在页面中并不是每个div元素对象的宽度都显示为774px,否则所有div都显示为774px将是一件非常麻烦的事情。所以在下面情况时可以选择使用:
如果想改变某个元素的默认样式时候,可以使用类型选择符,例如,使用ul元素时候,它会自动缩进,并自带列表符合,有时候这种样式会给列表布局带来麻烦,此时可以选择ul元素作为类型选择符,并清除预定义样式。
当统一文档某个元素的显示效果时候,可以使用类型选择符,常用于body,table等布局元素的字体控制,超链接的显示样式,图像去除边框,表单元素的统一风格等,例如:
body{font:12px;}
table{font-size:12px;
color:#666666;
line-height:200%;}
a{text-decorateion:none;}
img{border:0px;}
.input{border:solid 1px @ddd;}
对于div,span等通用结构元素,不建议使用类型选择符,除非有十足把握,因为他们应用的范围广泛,使用类型选择符会相互干扰,影响效果。
adobe官方网站是一个完全使用css布局的典型案例,但是,它用了数量惊人的css代码,需要的工作量也是惊人的,而且,对于国内客户来所,这样的界面样式还是过于朴素的,如果再需要更加花哨的页面设计,又想要有合理的结果,良好的内容,便利的导航,友好的搜索引擎和合乎客户需要的界面,网页设计师所花的时间和成本可想而知,如果遇到大量返工的情况,那后果将是非常可怕的。天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作
这似乎与html的早期应用有点类似,那时候的人们还没有开发出很好用的html编辑器,设计一个网页,需要设计师一行一行的手工输入代码,当然编写一个页面的价格也不菲,一个页面的开价甚至高达上万元,与现在设计一个漂亮的网页仅仅需要百十元是不能同日而语的,不过这种网页设计工具很快就不断涌现,并且功能越来越大,直到需要简单的操作就可以设计出漂亮的页面,这加速了网页设计的普及与推广,但也使网页设计师的单位劳动价值加倍贬值。

  • 相关文章:

发表评论:

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

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

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