-
布局: 1.流式布局(自动居中) 2.浮动布局 3.定位布局查看全部
-
overflow：hidden 也是清楚浮动的标签查看全部
-
盒模型中margin和padding设置三个值时代表：top left&right bottom查看全部
-
清除浮动时，只设置宽度不行，必须设置 overflow:hidden; 才能实现清除浮动的效果查看全部
-
当父元素和子元素都没有定义宽度的情况下实现水平居中： display:inline-block 可以使用text-align:center和display:inline-block相结合，这个技巧需要一个父元素。 HTML代码: <div class="navbar"> <ul> <li><a href="/">Home</a></li> … </ul> </div> CSS代码: .navbar { text-align:center; } .navbar ul { display:inline-block; } .navbar li { float:left; } .navbar li + li { margin-left:20px; } IE系列IE8+支持，要IE7 IE6 支持需要加入以下代码使display:inline像display:inline-block一样 复制代码代码如下: .navbar ul { *display:inline; *zoom:1; } position:relative 使用position:relative与float相结合的技巧及其浮动和定位参照物的关系，这个技巧需要两个父元素，一个用来定位而另外一个用来避免出现滚动条。 IE7下需要加入下列代码支持： .navbar { position:relative; } display:table 如果向使用极少的标签实现，这个方法是个不错的选择。 不支持IE7及一下浏览器，其他的主流浏览器都支持。 display:inline-flex 这个方法需要使用 flex-layout 的知识。 使用CSS fit-content 值 下面看看如何用fit-content创建一个包含子元素浮动的未知宽度的导航。查看全部
-
盒子模型：border,margin,padding,content.前三个是它的属性，分top,right,bottom,left.设置四个值得顺序代表T,R,B,L。设置三个值代表上，左右，下。设置两个值代表上下，左右。设置一个值表示都一样。查看全部
-
清除float： overflow:hiddle(+width：100%);或clear:both;查看全部
-
position 属性具有三种定位属性：静态定位，相对定位，绝对定位。<br> 可设置4个属性值：static(静态定位) relative(相对定位)；absolut(绝对定位) fixed(固定定位)<br> 绝对定位和固定定位都属于绝对定位。查看全部
-
img标签是行级元素查看全部
-
clear=both 清除浮动查看全部
-
position有三种定位形式:静态定位,相对定位,绝对定位. positive可以设置4个属性值:statci静态定位,relative相对定位,absolute绝对定位,fixed固定定位查看全部
-
盒子3D层级关系查看全部
-
3d moxing查看全部
-
position有三种定位形式:静态定位,相对定位,绝对定位. positive可以设置4个属性值:statci静态定位,relative相对定位,absolute绝对定位,fixed固定定位查看全部
-
盒子模型查看全部
举报
0/150
提交
取消