0赞 · 0采集

慕莱坞1040035

2020-04-12

margin:0 auto;是块状元素的居中对齐方式，

text-align:center;是内联元素(如，a,img标签)的对齐方式，

padding:0;margin:0;是做为初始化页面，

原因是页面在被各个浏览器读取时的理解不同产生不同的展示效果，所以需要清除.

0赞 · 1采集

慕莱坞1040035

2020-04-12

1.一列布局不适于存放文本，太长容易看走眼 一列布局： 1.通常作为网页头部。固定宽度。 2.真正开发，高度设置自动的。 两列布局自适应，使用百分比。 三列布局，使用绝对定位和margin。 盒子之间的三种关系： 1、相邻 2、嵌套 3、叠加 我们要做的就是摆放好盒子的位置。 关于页面上元素的加载顺序： 元素是从前往后依次加载的，要想先加载就要写在前面。 通常left部分是作为菜单，right部分作为主体内容，我们打开网页，都希望先看到 主体内容，所以有意把right部分写在left部分前面，然后把right部分右浮动，left部分左浮动， 这样布局不会出现问题，而且还解决了IE6下右浮动换行的问题。 ------------------------------

一列布局

0赞 · 0采集

大佬帮帮我吧

2020-04-12

一列布局

元素水平居中: 该id或calss上添加margin:0 auto;

0赞 · 0采集

大佬帮帮我吧

2020-04-12

1.布局概念：又叫做版式布局，ui设计师把视觉元素进行排列组合。

2.网页设计特点：网页可以自适应宽度。

3.分栏又称分列，常见的布局分为：一列布局

二列布局

三列布局

混合布局

4.前端：如何通过基础手段灵活运用css中的浮动，定位等方法完成设计图中的设计要求。

0赞 · 0采集

哎哎哎没办法

2020-04-06

body{ margin:0; padding:0; font-size:30px; color:#fff}

.top{height:100px;background:gray;top:0;}//不设置width保证自适应，定义位置

.main{height:600px;background:red;}//主题高度及颜色设置

.left{width:200px;height:600px;background:blue;position:absolute;left:0;}//主体左边，左绝对定位0(贴左)

.right{height:600px;background:green;position:absolute;left:210px;right:0;}///主体右边，左绝对定位210，右绝对定位0(贴右)，不设置宽度保证自适应

.foot{height:100px;background:orange;bottom:0;}//不设置width保证自适应，定义位置

0赞 · 0采集

十点碎觉

2020-04-03

clear:both 清楚浮动的代码

0赞 · 0采集

十点碎觉

2020-04-02

右侧哪两个 css 设置，可以让元素脱离文档流:浮动和绝对定位{浮动(float)和 绝对定位(position：absolute)}

0赞 · 0采集

十点碎觉

2020-04-02

Div{width:800px; height:500px; margin:0 auto}，上面这段样式，可以让 div 在页面的：居中对齐

0赞 · 0采集

丫un

2020-04-01

三列布局

【1】左右列固定宽度，中间列自适应。

【2】左侧绝对定位：宽；高；position：absolute;left:0;top:0;

【3】右侧绝对定位：宽；高；position：absolute;right:0;top:0;

【4】中间宽度定位：高；margin:0 (right宽度+间隙宽度)px 0 (left宽度+间隙宽度)px; 上右下左，左右调节大小可

(不用float因为有的块会被顶到下列，用绝对定位不会)

0赞 · 0采集

我老婆最美

2020-04-01

clear:both 清楚浮动的代码

0赞 · 0采集

我老婆最美

2020-03-30

Div{width:800px; height:500px; margin:0 auto}，上面这段样式，可以让 div 在页面的：居中对齐

0赞 · 0采集

慕函数1487353

2020-03-15

实际的网页开发中都需要时刻清除浮动的

一般大家的方法就是 在css写好 .然后在网页里调用1.clear {clear:both;}

clear:left    清除左浮动

clear:right    清除右浮动

clear:both    左右浮动都清除

0赞 · 0采集

慕函数1487353

2020-03-15

他们设置 310 和210 是为了让效果图和案例一样，中间div和两边有空白的间距。由于中间的div设置的margin 所以，它的距离是相对于body的距离，你疑问为啥不是和左右两个div的距离，是因为，左右两个div由于设置了absolute 脱离了文档流，也就是相当于相对其他div来说，它类似于透明的空气一般。

0赞 · 0采集

AnnieXu

2020-02-23

左右固定位置，中间自适应宽度

截图

0赞 · 0采集

AnnieXu

2020-02-20

自适应两列布局

截图

0赞 · 0采集

AnnieXu

2020-02-20

Margin 0 auto，翻译留白，居中对齐，上北下南左西右东

1赞 · 0采集

AnnieXu

2020-02-20

清除默认样式

截图

0赞 · 0采集

weixin_慕侠3120731

2020-02-07

margin：0 auto 居中

截图

0赞 · 0采集