CSS布局教程

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

« 柱状图CSS基本语法 »

什么情况下使用class

,一种样式一个页面中需要出现很多次,这种情况会经常发生,如网页中需要经常出现蓝色或是红色的文本,而我们又不希望每次给文本加上一个样式。
在页面设计中,一旦需要出现红色文本,不管是p对象还是span对象,只需要通过class名称的指派就可以使当前对象中的文本应用样式
类似于蓝色文本及红色文本这样的样式,只需要定义一次,就可以在页面中不同部分同时使用,而最终样式代码仅仅在CSS中有一段,大量减少了代码的重复使用。
通用及经常能使用的元素,在整站设计中,常常能用到一些所谓的页面通过元素或是工具元素,如页面的多可能都需要出现一个468X60的广告区,而这个区域并不总是存在,也有可能同时出现多个,对于这种情况,我们可以将这个区域定义为class,并编写相应的样式。
class的高级使用技巧,class作为一种专门对于样式定义的属性,不同于id,除了在使用上可以多个元素同时使用一个class名称之外,甚至可以同一个元素使用多个class样式。使用方法是在XHTML中的class定义时,使用空格分隔多个样式名称。
三段样式编写完成,,最终显示的结果是带边框,粗体字,天津网络公司天津网站制作塘沽网站建设天津网站建设,字体为红色。在这个例子中说明了class重复使用的一个问题,首先,通过空格分隔,我们可以将多个样式同时应用在一个对象之中。这样做实际上在class为我们带来良好重用性的同时,进一步增加了重用的结构,使我们可以让代码间进行穿插式的组合使用,如本例一样,在实际的网站应用中,对于一个段落的样式,我们可以写一段样式表用于段落,在段落样式中,:我们可以对段落字体、间距等属性进行整体控制,也可以将色彩作为一个接口留出来,对普通段落,默认为黑色字体,而在页面中当某个段落需要颜色进行区别时只需在CSS中编写一段颜色样式如:这样对段落来说也开放了颜色接口,使得颜色也可以随时进行定制,试想一下一个网站可以通过这种多种样式的控制方式将背景与文本分开,通过CSS样式结构的详细优化甚至以制作具有换肤功能的网站界面。在使用cl,c2,c3的样式中,我们在c2中定义了字体蓝色,c3中定义了字体红色,而最终显示的是c3的红色样式。这就说明了有关多样式同时使用的优彝问题,对于这样的多样定义,后面的样式总是能够覆盖前面的样式进行最终的显示,而且只是覆毒盖相同的属性,e3的红色覆盖了c2中的蓝色。这种覆盖模式不仅仅值得我们编码上的注意,而且也能够为样式设置提供更丰富的编写方式,‘我们可以实际基于默认样式的改变,前者定义默认样毒式,后者通过属{性参数的覆盖进行改变,这能够帮助我们实现更为丰富的CSS样式结奄构来完成最终的视觉效果。

  • 相关文章:

发表评论:

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

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

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