CSS定位，浮动

Css设置透明的方法：

第一种（opacity）：设置透明度，当

Opacity属性值为1的时候，不透明，当它为0的时候，背景字体全部都透明，设置范围0~1；透明度逐渐降低。

第二种：rgba(0,0,0，’透明度’)：用rgba设置背景时，只能设置背景透明，字体不能跟着透明

Css清楚浮动的方法：

1. 知道父级具体高度的时候，直接给父级设置高度
2. 在浮动元素后面加换行标签，<br clear=”all”/>

缺点：增加多余的标签

1. 在浮动元素后面加一个空标签，给空标签设一个class名字，<div class=”chearbox”></div>,

设置样式：.chearbox{clear:both;}

缺点：增加多余的标签

1. 给父级设置样式display:inline-block;
2. 给父级设置样式overflow(除visible)

缺点：不能设置margin:auto

6.给父级设置元素after,::after{content:’’;display:block;clear:both}

定位:
相对定位: 相对于元素自身定位发生偏移(原有的位置仍是该元素的)
position: relative;
top--与上方拉开多少距离
right--与右边拉开多少距离
bottom--与下方拉开多少距离
left--与左边拉开多少距离
(相对定位不产生偏移量,对该元素没有任何影响; 一般配合绝对定位使用)

绝对定位: 相对于离它最近的具有相对定位的父元素定位
(脱离文档流,一旦设置绝对定位,原有的地盘就没了)
position: absolute;
top--与上方拉开多少距离
right--与右边拉开多少距离
bottom--与下方拉开多少距离
left--与左边拉开多少距离

固定定位: 相对于浏览器窗口固定(脱离文档流)
position: fixed;
top--与上方拉开多少距离
right--与右边拉开多少距离
bottom--与下方拉开多少距离
left--与左边拉开多少距离