现在的位置: 首页 > web前端 > 正文

html css 布局心得

2018年06月10日 web前端 ⁄ 共 536字 ⁄ 字号 评论关闭

最近几天一致在弄css布局. 写程序这么多年,这是第一次这么频繁的搞样式布局

一直一来css布局我都掌握的不是很好.经过这几天的锻炼, 上升了一个层次.

总的心得说来: 多练习多百度.一边一边的改.从错误中学习,总是能够学会的.虽然慢.但是值得.

要想高速的学会css布局必须掌握的几个知识点如下.

第一点: 理解盒子模式

第二点

displayinline-block, 不换行 有宽高

displayinline,不换行
无宽高 定义了height 和width 也无效

displayblock,
换行 有宽高

displaytable 不换行 有宽高,宽高度可随内容改变

者之间的区别.以及这4个值对换行,宽,高的影响.


第三点

    position: absolute;  绝对定位的父元素position:必须是relative才能相对父元素进行left top right bottom的定位
    position: relative;  
    position: fixed;     
    position: static;   
第四点: 
   float:left 所有元素从左边开始排列   当前元素的高度为200px 其父元素的高度为100px 其叔叔元素的开始位置是根据其父亲的高度确定的.
要想改变必须 clear:left 或者 clear:both;

第5点:待续

抱歉!评论已关闭.