css基础

1.设置width包含内边距(默认不包含)
box-sizing: border-box;
padding

2.设置元素的显示方式
display: inline/block/inline-block/none

3.设置元素可见性
visibility: hidden/visible

4.设置元素高度和宽度
width:
height:

5.设置内边距
padding-top/-right等
或者
padding:x/xx/xxx/xxxx
分别代表应用到四个边;应用上下、左右;上、左右、下;上、右、下、左;
同样的,border、margin也可以用这种方式。

6.设置边框
border-style: none/dotted/dashed/solid/double/groove/ridge/inset/outset
border-width:
border-color

7.元素浮动设置
float: left/right/both/none

若要清除float设置
clear: left/right/both

浮动元素的父元素不会包含浮动元素的高度。会在格式上出现一点问题。
可以通过设置clear或者clearfix类来解决问题。
通过设置clearfix或者overflow来让浮动元素的父元素在高度上包含浮动元素,并换行。
clear是用在不希望围绕浮动元素的元素设置的。
clearfix和overflow是用在浮动元素的父元素的。

8.对元素进行定位
position: relative/absolute/fixed/static

{
position:
top/right/left/bottom:
}

对需要成为绝对定位参照物的祖先元素添加position:relative;
否则默认相对body元素进行偏移量计算。

进行绝对对位的元素将脱离文档流。

9.在桟中定位元素(处理重叠的元素)
在对元素进行过定位后(既除static状态外)
可以使用z-index:number
来设置重叠元素的显示
number越大,显示越靠前

10.处理溢出
overflow:hidden/scroll/auto/visible
默认visible

11.垂直对齐元素
vertical-align: baseline/middle/sub/super/text-top/text/bottom/top/bottom

12.鼠标指针样式
cursor: pointer/default/crosshair/move/wait/help/text/progress/auto/x-resize(x为n、nw、e等,北,西北,东)

Add a Comment

电子邮件地址不会被公开。 必填项已用*标注