一:对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声明的元素,若有冲突时,用优先级来说话