CSS
三大特性:
继承、层叠、优先级
继承 能继承的:字体、颜色、背景色
不能继承的:高度、宽度、边框
层叠
作用在一个元素上,可以层叠
优先级
!important>行内样式>id选择器>类选择器>标签选择器>通配符>继承
无论如何都需要显示,在css语句后边加!important
三大重点:
盒子模型、浮动、定位
盒子模型:网页布局都是无数个盒子构成的
盒子嵌套时
(1)上下元素时,上边设置了外边距,下边也设置了。取最大的
(2)嵌套时父盒子,没有内边距的。而子盒子有外边距,可以加白色边框 或者是overflow 溢出 hidden
浮动:用的很多
脱标(即脱离标准流),能对盒子排版。将块级元素变成行内元素
排版:将需要浮动的盒子,放在一个大盒子里边
这样就方便我们排版,但是带来的问题:
父盒子不会有占位功能解决:
1.overflow 溢出 有弊端
2.css 最为常用
3.添加div块
定位:定位分四种
静态定位 static:默认的,普通流
绝对定位 absolute:没有占用盒子位置
相对定位 relative:属于标准流,占用了盒子位置
固定定位 fixed:定了位置就不动了。比如:广告、赌博网站、联系客服等
使用方式:
父盒子使用相对定位,子盒子用绝对定位(子绝父相)
浙公网安备 33010602011771号