CSS优先级
当CSS冲突的时时候,一般采用就近原则(谁离得比较近就用谁的样式)
行内样式>内嵌样式>外部样式
行内样式>id>class>标签
权重值
当多个标签id,lass在一起作用同一个目标时,就要计算权重值。哪个高就用哪个样式
标签:1
class:10
ID:100
行样式:1000
!important; 有这个代码则优先执行
CSS继承的权重值为0,一般和文本的一般都会继承,边框,宽,高。margin,padding,背景都不会继承
CSS定位属性 position:static fixed relative absolutc
用position的时候必配合着定位坐标(距上边top,距右边right,距下边bottom,距上边top)
static,静态,不定位
fixed,固定,脱离正常的文本流,比普通文本流高级。相当于浏览器文本进行定位,一直在视野范围内,不会随着滚动条滚动而移动
relative,相对定位。相当于自己定位,自己原来的位置空着但是别的元素还是不能霸占的,定位后的位置下面还是可以放东西的。如:position:relative;top:10px;在原来位置的下方10像素
absolute,绝对定位,相当于最近的具有定位属性(相对定位或者绝对定位都行)的元素进行定位,如果没有则相当于body定位,当多个绝对定位容器在一起,则z-index属性值大的在上面,如果没有这个属性时,默认后面的在前面的上面。
外层元素一般设置相对定位,不用坐标
内层元素一般设置绝对定位,配合着定位左边
盒子模型:边框线。内填充,外边距
border,边框线
padding,内填充
margin,外边距
一个盒子的宽度为,(外边距+内填充+边框线)*2
如果两个盒子(div属性)竖着放一起则他们的margin(外边距)属性将会以大的为准
如果两个盒子(div属性)水平放一起则他们的margin(外边距)属性将会相加