初学css发现问题,想写个随笔。
一.padding与margin的区别:
padding:指的是盒子内部边距,当把padding值调高时会发现盒子内部元素被挤压。
margin:指的是盒子外部边距,盒子与盒子之间的距离,调高margin值会使得盒子与盒子之间的距离增大。
用法:margin:auto; 水平居中块级元素
二.position属性区分:
position拥有四个属性,分别为static、fixed、relative、absolute
1.static 是默认属性,即无法使用定位
2.fixed较为常用,可以将元素固定到屏幕的某一位置,滑动游览器时,元素不会改变
3.relative为相对位置,调整的位置是相对于原来的位置的, 有点像“灵魂出窍”
4.absolute为绝对位置,不占用文档流,将元素移动至屏幕任意位置。
三.test-align:center使元素内的文本水平居中对齐