-
(1)在线代码测试工具:http://www.lvyestudy.com/tools/run_code.aspx; (2)在线调色板:http://www.lvyestudy.com/tools/color_picker.aspx; (3)CSS3圆角生成器:http://www.lvyestudy.com/tools/border_radius.aspx查看全部
-
清除默认样式:;body{margin:0;padding:0} 1.通常用于首页; 2.居中:{margin:0 auto;} 3.典型单列布局:头部top 主体main 尾部foot 三个<div>查看全部
-
很有用查看全部
-
浮动(float)和 绝对定位(position:absolute),可以让元素脱离文档查看全部
-
body{margin:0;padding:0}清除样式查看全部
-
宽度自适应 就是width:100%查看全部
-
qieji查看全部
-
margin:0 auto;是块状元素的居中对齐方式, text-align:center;是内联元素(如,a,img标签)的对齐方式, padding:0;margin:0;是做为初始化页面, 原因是页面在被各个浏览器读取时的理解不同产生不同的展示效果,所以需要清除.查看全部
-
代码具体如下查看全部
-
代码具体如下查看全部
-
aaa查看全部
-
三列布局: 1、自适应宽度:设置左:float:left;中:float:left;右:float:right; 2、左右固定宽度,中间自适应宽度:取消float,用position:absolute实现 左:width:200px;position:absolute;left:0;top:0; 右:width:300px;position:absolute;right:0;top:0; 中:margin:0 300px 0 200px;(上 右 下 左),如果需要与两侧之间有间距,只需要改变margin即可;查看全部
-
<style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top,.foot{width:100%;height:50px;background:red;} .main{width:960px;height:600px;background:blue;margin:0 auto;position:relative;left:0;} .left{width:200px;height:600px;background:#a2f;position:absolute;left:0;top:0;} .right{margin-left:210px;background:#a6ba2f;height:600px;} .foot{background:yellow;} </style> 方法一: 使用定位的方式解决!设置mian 相对定位 然后设置left 绝对定位!查看全部
-
存在着三种关系: 块挨着块 块嵌套着块 块叠压着块查看全部
-
三列布局: 1、自适应宽度:设置左:float:left;中:float:left;右:float:right; 2、左右固定宽度,中间自适应宽度:取消float,用position:absolute实现 左:width:200px;position:absolute;left:0;top:0; 右:width:300px;position:absolute;right:0;top:0; 中:margin:0 300px 0 200px;(上 右 下 左),如果需要与两侧之间有间距,只需要改变margin即可;查看全部
举报
0/150
提交
取消