现在一般的网页基本都是使用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之间使用英文的空格隔开。
上一篇:css+div常用网页线性布局
下一篇:css如何设置首页布局