盒子模型和背景设置

 

 

 

 

 

 

 

 

rgba最后一个参数表示透明度

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

注：前三个统一使用，缺一不可

border-style:dobule 双实线

border-dashed;虚线

 

当weight和height一致，border-radius设置为50%时，就可以是原形，当超过50%时，就以50%显示

 

 

transparent透明色

 

 

 

 

关于塌陷问题的解决方案：

可以用

对一整行进行包裹进行设置，并且保证都有内容填充

position:absolute //定位

 

 

over-flow:hidder 隐藏

 

 

正常文档流：

浮动文档流：

解决浮动文档流导致的正常文档流：

方法一：给浮动文档流添加一定的高度（height:800px）

方法二：给浮动文档流添加over-flow:hidder 隐藏

 

左浮动&右浮动：

 

围绕文字：正常文档流容易被浮动文档流吸引，会围绕再浮动文档流周围

 

浮动应用（若是应用浮动，则要把父级元素设为浮动；）

在浮动元素中可以定义一些正常文档流

要使span里的内容上下对齐，可以把span里的宽高对齐