1.什么是css，指的是叠层样式表，控制网页的的外观显示。
2.引入css的三种方式，外部链接，内部链接，内联，分别的语法是，,,style="属性：值"
3.css选择器，选择器就是要针对你要所改变的元素，而单独定义的样式，就常见的选择器：ID，CLASS,元素选择器，子元素选择器，群组选择器，相邻选择器，id选择器是唯一的意思是，只能定义一个id名相同的，class选择器，类选择器，可以为多个元素定义，id选择器和class选择器的区别在于，id是唯一的就像每个人的身份证一样只有一份号码是唯一的，而class就是像每个人的名字一样可以重复，元素选择器就是选泽要改变的元素标签名字，子选择器就是在当前元素后的子元素，群组合选择器就是选泽所有想改变的元素，相邻选择器就在当前同级元素的下一个元素。
语法：
这是一个段落
相应的 css规则： #id{ 属性：值}相应的css规则：.class{ 属性：值}
这是一个段落
相应的css规则：p{属性：值}
这是一个段落奥
这是一个段落奥
这是一个段落奥
相应的css规则：div+div{属性：值}
这是一个段落奥
4.字體樣式
字體的類型：font-family: '';取值宋體，微軟雅黑等、
字體的大小：font-size:;通常以像素值px,其他的還有em ,百分比
字體的粗細：font-weight：;取值bold粗體顯示，normal正常
字體的樣式：font-style:；italic斜體，normal正常
顏色；color；
行高：line-height：；字體的行高，一行的高度不是距離。
5.文字樣式
文字裝飾：text-decoration:;取值有,line-through（貫穿線），underline（底線），overline（上劃線）
文字對齊：text-align：；取值有，center（居中），left（左對齊），right（右對齊）
文字縮排：text-ident:；取值單位px.em,百分比
文字大小寫：text-transform：；取值有 uppercase(大寫) lowercase(小寫) capitalize(首指母大寫)
文字的字間距：letter-sapcing:;取值單位px ,em ,百分比
詞間距：word-sapcing:;取值單位px ,em ,百分比
6.邊框
border邊框 邊框的大小 類型 顏色 分別的設定
border-width：；值是單位px em 百分比
border-style：； 取值是solid 實線 dashed虛線 等
border-color：；取值顏色 ，可以是十六進位。
7.背景
背景圖片，背景是否重複 ，背景的位置，背景是否滾動 分別是
background：URL；
background-repeat：；取值有，repeat（重複） no-repeat(不重複) repeat-x（x軸重複） repeat-y(y軸重複)
background-position:;取值可以是 center left right top
background-scroll：； 取值是scroll fixed
可以簡寫；background： URL repeat position scroll；
8.超連結樣式
當我們滑鼠移動到a標籤上面，可以讓他顯示的樣式，透過偽類來設置，不一定是a元素才有可以設置，在html中 任何元素可以都已設置偽類。文法：元素：hover
當滑鼠未存取的樣式a:link;，當滑鼠存取後的樣式a:visited;當滑鼠移動到的樣式a:hover;當滑鼠按下時的樣式a:active;
9圖片
圖片大小：可以透過設定它的寬度 高度來設定。
圖片位置：透過text-align（水平居中），vertical-aligin（垂直居中）
圖片邊框：透過border來設定它的邊框
10列表
列表的樣式：list-style-type:;取值none,circle,等
列表圖片:list-style-image:；
11表格
表格預設是沒有邊框的，我要透過border給它值
12,盒子模型
盒子模型分為：內容區，內邊距，外邊距，邊框
13佈置
浮動佈局：透過float浮動塊元素，注意清除浮動。
定位佈局：position來設定。然後設定。上右下左的值。
固定定位：position：fixed/scroll
靜態定位：position：static
