多语言展示
当前在线:537今日阅读:23今日分享:25

页面布局相关CSS样式

现在一般的网页基本都是使用DIV+CSS进行布局,那么具体有哪些属性可以用来调整布局的样式呢?
工具/原料

HBuilder

方法/步骤
1

display属性(显示效果)常用值有:block(块级元素)、inline(行内元素)、inline-block(内联元素)和none(隐藏)

2

position属性(元素定位)常用值有:static(静态)、relative(相对)、fixed(固定)和absolute(绝对)

3

float属性(浮动)常用值有:left(左浮动)、right(右浮动)和none(不浮动).使用浮动时要注意浮动塌陷的问题,有两种解决方式:第一种可以在最后加div标签,并设置其样式为“clear: both;”,第二种在外层容器的样式中添加“overflow: hidden;”即可。

4

样式表选择器的三种语法规则交集选择器,并集选择器,子集选择器(后代选择器)交集:div.right表示DIV标签并且class=”right”,样式才会生效。div和.right中间不能有任何符号(包括空格)。并集:div,.right表示DIV标签或者class=”right”,样式都会生效。div和.right之间使用英文的“,”隔开。子集:div .right表示DIV标签内部使用class=”right”的标签,其样式会生效。div和.right之间使用英文的空格隔开。

推荐信息