-
相对定位的特点：相对于自身原有位置进行便宜，任然处于标准文档流中，随即拥有偏移属性和zindex属性（覆盖其他东西） 注：定位布局中,除了绝对定位（脱离文档流，对其他元素没有影响），其他都是处在标准文档流中的，包括float也是查看全部
-
绝对定位：position属性设置。能够实现横向多列布局，以及较为负责的定位，比如带有遮罩层效果的提示框、固定曾效果、全屏广告等。 position拥有3种定位形式：1、静态定位；2、相对定位；3、绝对定位。 position可以设置4个属性值：1、static（静态定位） 2、relative（相对定位） 3、absolute（绝对定位，属于绝对定位） 4、fixed（固定定位，属于绝对定位）查看全部
-
清除浮动时，只设置宽度不行，必须设置overflow:hidden;才能实现清除浮动的效果，在受到浮动影响的元素之前添加空的兄弟元素，p标签 可用于清除浮动影响查看全部
-
1.设置了float浮动属性的元素不会脱离了标准文档流但是会脱离正常的文档流 绝对定位会脱离文档流。 2.通常不定义高度，尺寸会随着内容的改变扩展 3.要使主体自动居中时margin{0 auto}，设置浮动或者绝对定位会影响居中效果 4.元素右浮动后，后面的元素会上移，紧挨着左侧显示 5.清除浮动 clear:both/left/right（用于受 紧邻浮动元素影响的元素） 或者overflow:hidden(用于页面主体受包含元素的浮动影响)查看全部
-
网页布局的三种方式： 1，标准文档流（从上到下，从左到右，块级、行级） 2，浮动布局（float） 3，绝对定位（position） 4、1、clear：both;（给浮动元素的后面的元素使用） 2、width:100%;overflow:hidden;（给浮动元素的包裹层使用，常用于因未设置高度而看不见的包裹层。）查看全部
-
浮动布局：实现横向多列布局 float：元素会左或右移直至触碰到容器为止 当元素没有设置宽度值而设置了float属性，元素的宽度会随内容的变化而变化 float元素会影响紧邻其后的元素查看全部
-
1、块级元素占一行（div p ul li），行级元素：多个元素可显示在一行(span strong b img) 2、父层元素宽度固定，子层元素宽度设置100%（子层以父层为准自适应.） 3、盒子模型margin属性为3个值为别代表 上、左右、下；两个值代表上下、左右查看全部
-
由下往上，分别是：外边距->背景颜色->背景图->内容和内边距->边框查看全部
-
自动居中——列布局 标准文档流 块级元素 margin属性 让页面自动居中：使用一个div包裹所有盒子，并设置这个父元素的属性为{width：；margin：0 auto；}（margin上下值随便，左右为auto）auto会根据浏览器的宽度自动设置两边外边距。外边距=（浏览器宽度-外包含层宽度）/2 （如果不为父元素设置width那么会自动为%100，即页面宽度，那么设置的页面居中不起作用） 父元素设置使页面居中后再设置为float或position：absolute/fixed则页面自动居中失效 一般设置父级元素的width，然后子元素的width：%100；即可与父元素宽度一致。 如果想让页面自动居中，当设置margin属性为auto时，不能再设置浮动或绝对定位查看全部
-
先初始化布局，再进行样式设计,给盒子添加边框border、内边距padding、内容content、背景background、外边距margin。 注意：上右下左查看全部
-
注意：固定宽度列的高度>自适应宽度的列查看全部
-
最外div设置margin:0 auto,实现页面居中。如果有设置float或者position属性，该居中设置失效查看全部
-
横向两列布局： 使用absolute实现横向两列布局 常用于一列固定宽度，另一列宽度自适应情况 主要应用技能： relative-父元素相对定位 absolute-自适应宽度元素绝对定位查看全部
-
绝对定位： 建立了以包含块为基准的定位 完全脱离了标准文档流 随即拥有偏移属性和Z-index属性查看全部
-
五层模型： 边框 内容和填充 背景图片 背景颜色 外边框查看全部
举报
0/150
提交
取消