-
一列布局 一般用于网站首页，页面简单明了，主题突出，适合放置简单内容 因为只有一列，网页宽度较宽，所以一般不会插入多行文字，否则会比较容易串行。 一般网页上一列布局都是固定宽度的。 头部一般高度固定，宽度自适应。 主体一般固定宽度，高度自适应。 底部一般固定宽度和高度。 实现思想： 清除默认样式 设置宽度 div水平居中：margin：0 auto；查看全部
-
三列布局： 【1】左右列固定宽度，中间列自适应。 【2】左侧绝对定位：宽；高；position：absolute;left:0;top:0; 【3】右侧绝对定位：宽；高；position：absolute;right:0;top:0; 【4】中间宽度定位：高；margin:0 (right宽度+间隙宽度)px 0 (left宽度+间隙宽度)px; 上右下左，左右调节大小可以紧邻，也可以有间距 【5】注意要清除body的默认样式查看全部
-
混合布局; 1、宽度自适应：不设置宽度； 2、样式加载：样式按从上往下排序，写在前面的先加载； 3、兼容ie6：不能用浮动float，只能先设置父元素main为相对定位relative作为参照定位，后设置其子元素(right、left)为绝对定位absolute，并设置其具体位置。 4、如不给right设置外边距margin，则其自适应宽度会与其中的文字同宽； 5、由于left的width为200px，则right的margin-left为210px，因此right与left的间隔为10px； 6、由于right为main的首个子元素，因此默认叠加在main上面，无需设置绝对定位。查看全部
-
网页布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合，将理性的思维个性化的表现出来，是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。 网页设计特点（相对纸媒来说） 1、网页可以自适应宽度(百分比自适应宽度） 2、网页的长度理论上可以无限延长（高度自适应） 一般是头部，主体，底部。主体一般再根据需要分栏，一般两栏或者三栏，还有可能分为更多的栏目。常见分栏方式：一、二、三、列布局，混合布局。查看全部
-
两列布局利用到了float：left/right 属性 1.自适应，用百分比%分配宽度，当拖动浏览器窗口时，按设置做相应变化，此方法比较少用 2.固定宽度，用px明确指定宽度， 限制左右在父级框中 3.如果需要浮动元素居中可以再外面包一个父级并给父级设置宽和margin;0 auto；查看全部
-
总结：利用float和position:absolut来布局网页中的元素。 1）自适应：用%来写，比如20% 80%。 2）如果三列自适应，左边20% position:absolute，右边20% position:absolute，中间margin:0 20%。查看全部
-
一列布局一般都是固定宽度的，适用于首页，内容比较少的，大号文字。查看全部
-
网页设计和纸媒的区别：一是宽度可以自适应，二是高度理论上是无限的。查看全部
-
同意前人： 1、宽度自适应：不设置宽度； 2、样式加载：样式按从上往下排序，写在前面的先加载； 3、兼容ie6：不能用浮动float，只能先设置父元素main为相对定位relative作为参照定位，后设置其子元素(right、left)为绝对定位absolute，并设置其具体位置。 4、如不给right设置外边距margin，则其自适应宽度会与其中的文字同宽； 5、由于left的width为200px，则right的margin-left为210px，因此right与left的间隔为10px； 6、由于right为main的首个子元素，因此默认叠加在main上面，无需设置绝对定位。查看全部
-
relative + absolute 父DIV设置position:relative 子DIV设置position:absolute 则父DIV变成容器一样，子DIV的 position设置都是相对父DIV查看全部
-
div、table、p、ul等等，我们称之为块元素，a、span、font等等，我们称之为行内元素。 相对定位position:relative：元素设置了relative时，是相对于元素本身位置进行定位，元素移位后，同样点有当初的物理空间位 绝对定位position:absolute：整个元素就会漂出文档流，而且元素自身的物理空间也同时消失了 （相对定位“relative”是相对于元素自身原位置定位，绝对定位“absolute”是相对于body） position:relative + position 如果一个元素绝对定位后，其参照物是以离自身最近元素是否设置了相对定位，如果有设置将以离自己最近元素定位，如果没有将往其祖先元素寻找相对定位元素，一直找到body为止查看全部
-
margin:0 auto 这个CSS可以实现区块居中对齐查看全部
-
父元素定义了高度的话这里的子元素应该是不需要再写高度的，默认遵循父级吧查看全部
-
自适应宽度时不适合使用浮动，要使用position定位查看全部
-
左右固定宽度，中间自适应宽度查看全部
举报
0/150
提交
取消