CSS网页布局即版式布局,是网页设计师将有限的视觉元素进行有机的排列组合。主要通过CSS的浮动、定位功能来实现UI设计的布局要求。
常见的布局有:一列布局,两列布局,三列布局和混合布局。
HTML清除默认样式:body{margin:0;padding:0;}
浮动(float)、绝对定位(position:absolute)导致元素脱离文档流(即元素所显示的位置和文档代码不一定一致)。
清除浮动:clear:both
页面布局的结构与表现原则:先考虑设计图中的内容和内容模块之间的关系,重点放在编写HTML结构和语义化,然后考虑布局和表现形式。
网页换肤即相同的HTML结构,不同的样式。
图片来自于慕课网