CSS
padding:内容和块的距离
margin:块外面离其他块的距离
padding-bottom:内容和块底部的距离
padding-left:内容和块左边的距离
padding:10px 10px 10px 10px;内容和块的距离都是10px,也可以设置成为padding:10px;(顺时针设置,上,右,下,左)
padding:10px 20px;只设置两个值,10px表示上下都是10px,,20px表示右左的padding都是20px。
border:2px ;设置边框粗细;
优先级
style属性:1000,内联;
#:id选择器,100;
.:类选择器,10;
元素(div,li元素,等等)1;
设置照片悬停样式:hover,超链接悬停样式:hover
position:设置块的绝对定位(absolute)或者相对定位(relative)或者是fixed
如果一个块设置了定位的话,那么这个类之前的父级就不是他的父级了,相当于他的父级就是比他大一级的设置了定位的(但是可能不是这么回事,但是可以这么理解),然后如果设置的是absolute绝对定位的话,那么他和父块是相对移动的,也就是说,就算父级移动了,但是子级和父级形成的图案也是不会改变的,这就是使用子类使用相对定位的好处,如果子类使用的是相对定位,那么也就是每次移动都要改变top,right等等的值。
如果设置了position,一般搭配一下几个属性使用
top:;
right:;
left:;
bottom:;
选择器
E F:E下所有的F
E+F:选择了E元素紧挨着的元素F;
E~F:选择了E相邻后的所有的F