网页设计中运用的CSS是用来控制一个文档中某一文本区域外观的一组格式属性。CSS样式可以定义在HTML文档中的标记里,也可以在外部附加文档中作为外加文档。
一、网页设计中的CSS是什么意思
CSS(Cascading Style Sheet,级联样式单)是用来控制一个文档中某一文本区域外观的一组格式属性。CSS样式可以定义在HTML文档中的标记里,也可以在外部附加文档中作为外加文档。
这样,一个样式单就可以用于多个页面,甚至整个站点;当CSS样式有所更新或被修改之后,所有应用了该样式单的文档都会被自动更新,所以CSS具有更好的易用性和扩展性。
二、CSS网页布局的优点
(1)使页面载入得更快:由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。
(2)降低流量费用:页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。
(3)修改设计时更有效率:由于使用了DIV+CSS制作方法,在修改页面更加省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面时更加方便,也不会破坏页面其他部分的布局样式。
(4)页面布局灵活:DIV+CSS使得页面布局方便操作灵活,改版时只需改CSS样式即可实现页面重新布局,而不用改动程序,从而降低了网站改版的成本。页面效果丰富,包括视觉效果和用户体验,比如拖拉。
三、CSS网页布局的缺点
(1)DIV+CSS尽管不是高不可及,但至少要比表格定位复杂得多,即使对于网站设计高手也很容易出现问题,更不要说初学者了。
(2)CSS网站制作的设计元素通常放在1个外部文件中,或几个文件,有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。
(3)兼容性较差:虽然说DIV+CSS解决了大部分浏览器兼容问题,但是也有在部分浏览器中使用出现异常,比如火狐浏览器,在I正中显示正常的页面,到了火狐浏览器中可能会面目全非。
当然这应该是浏览器的问题,在目前来看,DIV+CSS还没有实现所有浏览器的统一兼容,故设计时需要把不同浏览器样式都考虑进去。