-
一列布局最多的都是固定宽度的 三列布局，左右两列固定宽度，中间一列自适应，浮动无法实现。 左右两列绝对定位在左右，中间一列设置左右margin值为两列分别的宽度。查看全部
-
前端工程师：如何通过技术手段，灵活运用css中的浮动、定位等方法，完成UI设计图当中的布局要求，将艺术与技术完美融合查看全部
-
两列布局，可以根据浏览器的改变而改变，，，，，，查看全部
-
一列布局:div的运用，margi class 内式样表的运用查看全部
-
混合布局查看全部
-
混合布局查看全部
-
内容水平居中查看全部
-
CSS布局笔记： 1.使用margin:0 auto；使得div居中; 2.使用float为left和right使得两个div处于同一行； 3.使用百分比宽度实现宽度自适应，使用绝对值使得宽度固定； 4.使用position:absolute实现div绝对定位，在三列布局中使得最左和最右绝对定义，中间可自适应； 5.混合布局可使用嵌套的方式，在横向header、main和footer，然后在main中使用两列或三列布局。 6.宽度自适应，左侧固定宽度右侧自适应，父盒子position:relative;左侧子盒子position:absolute;右侧margin-left。查看全部
-
CSS布局：4.混合布局 块与块之间的关系：1.块挨着块 2.块嵌套块 3.块压着块 CSS就是把块摆放正确查看全部
-
用立体的思维理解块状元素的布局 平列 嵌套 叠加查看全部
-
特殊的三列布局：左右固定，中间自适应情况，左右使用绝对定位来实现，中间用margin实现. 三列布局：左侧和右侧固定，中间自适应： 左侧{position：absolute；left:0;top:0} 右侧{position：absolute；top:0；right：0} 中间{margin-left:100px;margin-right:100px;}查看全部
-
浮动float和绝对定位position：absolute 这2中形式可以让元素脱离标准文档流。 文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序，该在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的顺序)查看全部
-
两列布局：自适应的两列布局：width用百分比+float； 两列布局的自适应布局一般用的比较少，用固定的比较多 固定宽度的两列布局：width：具体值/父级元素的宽度确定，width+百分比；+float; 如果没有加float的话，不能实现并排的两列布局。 div作为外联元素独占一行，使后面的元素在下一行（设置display：inline/inline-block可以达到float效果） 另外一种设置两列布局（固定宽度+自适应宽度）的方法： position：relative——父元素：相对定位（因为不设置偏移量时，它还是在原来的位置，不影响其位置） position：absolute——子元素：绝对定位（通过设置top :0;margin/left设置其与另一边的位置使其位于同行的另一侧） 注意：固定宽度的列的高度>自适应的列的高度查看全部
-
清除默认样式：;body{margin:0;padding:0}查看全部
-
body{margin:0;padding:0}清楚默认样式 布局块级元素时，首先要重置浏览器的相关属性，margin、papdding；*{margin：0；padding：0；} 设置块级元素居中时，需要设置div{margin：0 auto；} 一列布局： 1.通常作为网页头部。固定宽度。 2.正真开发，高度设置自动的。 两列布局自适应，使用百分比。 三列布局，使用绝对定位和margin。 盒子之间的三种关系： 1、相邻 2、嵌套 3、叠加 我们要做的就是摆放好盒子的位置。 关于页面上元素的加载顺序： 元素是从前往后依次加载的，要想先加载就要写在前面。 通常left部分是作为菜单，right部分作为主体内容，我们打开网页，都希望先看到 主体内容，所以有意把right部分写在left部分前面，然后把right部分右浮动，left部分左浮动， 这样布局不会出现问题，而且还解决了IE6下右浮动换行的问题。查看全部
举报
0/150
提交
取消