设计合理的CSS结构
时间:2014-2-6
在网站制作的站点中,为了既能够统一全站风格又能根据不同的页面设计独立的样式,李发财网络科技建议使用2层CSS结构,假设有一个index.html文件,其外联CSS可以用以下方式来定义:
<link href="css/common.css" type="text/css" rel="stylesheet">
<link href="css/index.css" type="text/css" rel="stylesheet">
这里用了两个CSS样式,其中common.css作为全站的风格基础,而针对index.html文件则使用单独的index.css进行针对性的样式设计,采用这样的设计不仅易于维护全站风格,而且对于这些公用样式,浏览器只需要做一次转入就可以全站使用,提高了网页的加载速度.