使用HTML开发商业网站
布局及常用属性
布局概述
为什么要应用布局?
布局概述
阅读报纸时会发现,虽然报纸中的内容很多,但
是经过合理地排版,版面依然清晰、易读。
1.确定版心
什么是版心?以某教育网站首页为例:
布局概述
布局概述
2.分析页面中的模块
布局概述
3.控制网页的各个模块
布局常用属性
应用排列
图文排列
论坛分享
布局常用属性
什么是浮动?
布局常用属性
布局常用属性
属性值
描述
left
元素向左浮动
right
元素向右浮动
none
元素不浮动(默认值)
布局常用属性
为什么要清除浮动?
布局常用属性
布局常用属性
如何清除浮动?
布局常用属性
运用clear属性清除浮动
属性值
描述
left
不允许左侧有浮动元素(清除左侧浮动的影响)
right
不允许右侧有浮动元素(清除右侧浮动的影响)
both
同时清除左右两侧浮动的影响
常用属性值
布局常用属性
布局常用属性
空标签
overflow
after伪对象
在浮动元素之后添加空标签,并对该标签应用“clear:both”样式,可清除浮动。这个空标签可以为<
div>、
、
等任何标签。
“