前端之CSS布局

一、前言

�index.php/tags-41973.html" >�我们来继续更新CSS的内容，往期的内容可以到前端专栏里去看，也可以点下面的链接

HTML常用内容：

https://blog.csdn.net/AWSDN/article/details/136112174spm=1001.2014.3001.5501

CSS前言：

https://blog.csdn.net/AWSDN/article/details/136127534?spm=1001.2014.3001.5501

CSS选择器：

https://blog.csdn.net/AWSDN/article/details/136131947?spm=1001.2014.3001.5502

CSS盒子模型：

https://blog.csdn.net/AWSDN/article/details/136146708?spm=1001.2014.3001.5501

        我打算从4个部分来讲CSS的内容，分别是选择器、盒子模型、布局、style样式。那么本篇就来介绍CSS中布局部分。下面我们就对布局部分进行介绍。

二、内容

1、布局原则

1.  body也可以作为父集元素
2.  越外层的盒子应该限制越少，由内层盒子内容撑起来
3.  注意图片尽量宽高不要同时给，否则容易产生变形
4. 不受控制的（例如浏览器页面默认间隔）元素宁愿不要，用自己的

例如：写页面时先写上

*{    padding: 0px;    margin: 0px;}

2、浏览器规则

1.  浏览器中连续的空格会当作一个空格使用，若想使用连续空格用 代表空格（小于号转义字符