css基础知识总结

一：对css的理解
what：cascading style sheet，是给html化妆的，是让html如何更加丰富的显示自己。
how ：使用样式表有三种方式：
内联样式
内部样式
外部样式（*）—–<link rel="stylesheet" href=".css文件路径">
why ：给人一种更好的视觉体现，人总是喜欢更美丽更漂亮更舒适更丰富阅读网页。
二：css的语法
选择器：声明
（1）选择器分类
1.元素选择器 elementName{}
2.类选择器 .class{}
3.id选择器 #id{}
4.组合选择器 p #id/.class{}
5.派生选择器 div p{},div>#id{}
6.伪类选择器(用于设置同一元素在不同状态下的样式)
:hover
:link
:visited
:active
:focus
（2）声明(就近原则)
font：font-family(微软雅黑windows，文泉驿正黑linux),font-color,font-size
margin:30px auto
text-aglin:center
line-height:**px
z-index：堆叠
background:
background-color
background-image(属性:background-repeat,background-position,background-attachment)
BoxModel:
boder—-1px dashed/solid rgb(,,*)
margin—10px
padding–10px
…
声明分类：
1.文本样式
2.表格样式（特有 属性–border-collapse）
3.定位
流定位（默认定位）
浮动定位（如果想要撑起父边框，可以在浮动元素的后面加1个空框，并设置为clear：both）
相对定位（不释放原位置，position：relative）
绝对定位（释放原来位置–回到默认位置（浏览器的左上角）positon：absolute）
固定定位（相对于屏幕位置不动，position：fixed）
4.列表样式
list-style-type
list-style-image
5.显示方式：用display来修改（块元素，行内元素，行内块元素）
6.鼠标形状：cousor（default,pointer,crosshair,text,wait,help等）
三：css规则特性
（1）继承性：父类的css声明可以被子元素继承
（2）层叠性：同一个元素若有多个css规则，他们可以叠加
（3）优先级：对于有多个css声明的元素，若有冲突时，用优先级来说话