快速业务通道

XHTML+CSS制作样式风格切换的WEB站点

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-03-06
url(images/bg_page.jpg); 
    font: 10pt verdana,arial,; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 

H1, H2, H3, H4, H5, H6 

    border-bottom: solid 1px #ccc; 
    margin: 1em 0; 

TD 

    font: 10pt; 

A:link 

    color: #057AE0; 
    text-decoration: none; 

A:visited 

    color: #057AE0; 
    text-decoration: none; 

A:hover 

    color: #009900; 

A:active 

    color: #009900; 


这样的一个样式文件,可以适用于任何一个网页,只要添加引用我们都可以立刻看见效果。 

由于样式表的继承规则是外部的标签样式会保留下来继承给这个标签所包含的其他标签。事实上,所有在标签中嵌套的标签都会继承外层标签指定的属性值,有时会把很多层标签的样式叠加在一起,例如在body标签中定义了字体大小,那么div、p等标签也会继承一样的字体大小,如果在P标签中又定义了字体颜色,那么P标签中的文字既具有body标签的字体大小又有P标签的字体颜色。需要注意的是,table标签不会继承body的字体大小设定,所以在上面的样式表中,我们单独来定义td的样式。 

3、定义好页面的结构布局
很多时候,我们在制作网页时总是从视觉出发,先用Photoshop或者Fireworks画出来、思考页面的配色,做一些很炫的效果,很精美的图片,再切割成小图。然后通过编辑HTML将所有设计变成页面。 

然而,有视觉的缺陷的人,不能理解这些颜色或者效果。PDA、移动电话和屏幕阅读机上也无法解析这些效果。 

因此外观并不是最重要的。一个结构良好的XHTML可以通过CSS的不同定义,显示成任何外观,显示在任何支持XHTML的网络设备上。 

通过分析我们可以发现,对于大多数WEB网站来说,

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号