HTML+CSS结构与表现原则

时间:2023-12-05 09:59:14

CSS网页布局即版式布局,是网页设计师将有限的视觉元素进行有机的排列组合。主要通过CSS的浮动、定位功能来实现UI设计的布局要求。

常见的布局有:一列布局,两列布局,三列布局和混合布局。

HTML清除默认样式:body{margin:0;padding:0;}

浮动(float)、绝对定位(position:absolute)导致元素脱离文档流(即元素所显示的位置和文档代码不一定一致)。

清除浮动:clear:both

页面布局的结构与表现原则:先考虑设计图中的内容和内容模块之间的关系,重点放在编写HTML结构和语义化,然后考虑布局和表现形式。

网页换肤即相同的HTML结构,不同的样式。

HTML+CSS结构与表现原则

图片来自于慕课网