标签：文档流 设置 清除浮动 float 不重复 color 英文 注意 十六
CSS第二天：
CSS内边距属性:padding 填充
Padding:一个数字，指的是四个方向是一样的（上右下左）
Padding-top,padding-right,padding-bottom,padding-left
Padding:两个数字
Padding:10px 20px;
指的是上下为10px,左右为20px
注意：两个数字之间有空格。
Padding三个数字
Padding:10px 20px 30px;
指的是上10px,下面的填充为30px,左右为20px;
Padding:四个数字
如：padding:10px 20px 30px 40px;
按着顺时针方向。(上右下左)
Padding:0 10px;
Padding:0;
CSS外边距属性: margin
margin:一个数字，指的是四个方向是一样的（上右下左）
margin-top,margin-right,margin-bottom,margin-left
margin:两个数字
margin:10px 20px;
指的是上下外边距为10px,左右为20px
注意：两个数字之间有空格。
margin三个数字
margin:10px 20px 30px;
指的是上外边距10px,为30px,左右外边距为20px;
margin:四个数字
如：padding:10px 20px 30px 40px;
按着顺时针方向。(外边距，上右下左)
margin:0 10px;
margin:0;
CSS背景background
Background-color 背景色,英文单词或十六进制颜色都可以。
Background-image:url(图片路径)背景图
Background-repeat （no-repeat不重复，repeat-x,repeat-y）重复
Background-position(left,center top bottom right) 背景图定位
CSS精灵：
就是背景图定位。
将许多小图放到一大图上。
Background-attachment （依附方式）是否固定，fixed
.box{background:#ccc url(图片的路径) no-repeat 定位坐标 fixed }
关于背图固定，IE6只有 body支持
CSS浮动和清除
浮动的元素可以理解为该元素已经脱离文档流。“已经不存在了”
浮动只有两个方向：left,right
float:left(左浮动), float:right（右浮动）;
浮动的位置：浮动到包含元素的边界。或具有浮动属性元素的边上。
浮动元素的层级高于普通元素。
凡是浮动的元素都是块元素。
如果浮动前行内元素，浮动后自动转为块元素。
备注：行内元素没有宽高，只有块元素才有宽高。
关于浮动，我们能通常用在，将块元素在一行内显示。
主要应用于排序（DIV+CSS）
凡是设置了浮动这之后，一定要有清除浮动。
主要目的，清除上面的有浮动属性，对后面的元素造成的影响。
（上面的浮动属性，如果不清除，下面的元素会默认继承。）
清除浮动的写法：clear:left,right,both
.Clear:both,清除两边，我们通常用在版权独占一行。
清除写的位置：具有浮动属性的最后面。
通常，用一个空的<div class=”clear”></div>
overflow属性 hidden scroll auto
案例：新闻模块深入
案例：PHP开班信息
CSS引入的方式 行内，内嵌，外部
CSS优先级
CSS继承
display属性 block inline inline-block none
案例. 笑话导航
定位属性：position:static fixed relative absolute
定位坐标：left top right bottom
标签：文档流 设置 清除浮动 float 不重复 color 英文 注意 十六
原文地址：https://www.cnblogs.com/Mangosy/p/8799126.html
