1、css簡介
①層疊樣式表是一種用來表現html（標準通用標記語言的乙個應用）或xml（標準通用標記語言的乙個子集）等檔案樣式的計算機語言。
②css目前最新版本為css3，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統html的表現而言，css能夠對網頁中的物件的位置排版進行畫素級的精確控制，支援幾乎所有的字型字型大小樣式，擁有對網頁物件和模型樣式編輯的能力，並能夠進行初步互動設計，是目前基於文字展示最優秀的表現設計語言。css能夠根據不同使用者的理解能力，簡化或優化寫法，針對各類人群，有較強的易讀性。
2、css基礎
①最基礎的css元素及屬性
---style元素
---font-size設定文字大小的屬性
---color設定文字顏色的屬性
②製作乙個初級css設計
---一共有三種方法建立css
*使用元素內嵌樣式表
*使用文件內嵌樣式表
*使用外部樣式表
③層疊樣式表的含義等級
④註明：
---元素內嵌樣式表不同屬性值需要用分號分開來
---文件內嵌樣式表一般放在裡面
---外部樣式表需要建立乙個新的css文件，如css專案裡的a.css文件，引入至html文件方式如下：
---樣式表層疊方式優先考慮元素內嵌樣式表，然後是文件樣式表，最後才是外部樣式表。即：
（外部樣式表《文件內嵌樣式表《元素嵌樣式表）
3、css基本選擇器
選擇器型別
**選擇所有元素
style 元素：* {}
根據型別選擇元素
style 元素：a {}
body 元素：星期四
根據類選擇元素
style 元素：.class1 {}
body 元素：星期四
根據id選擇元素
style 元素：#id1 {}
body 元素：
根據屬性選擇元素
style 元素：[href] {}
body 元素：星期四
：選擇器動作
style 元素：a:hover {}
body 元素：星期四
①解釋：選擇器僅出現在文件內嵌樣式或者外部樣式中，具體用什麼選擇器根據自己的需求來製作。
②id選擇元素與類（class）選擇元素：
共同點：都可以作為選擇器使用，改變該屬性外面的元素的樣式
不同點：id選擇器叫做唯一選擇器，通俗一點就是這個元素的乙個身份證，或者說是主鍵。即在網頁或者網頁內嵌網頁中此id屬性的屬性值確保值出現過一次，不能重複使用！
類選擇器的屬性值可以多次使用，相當於將不同元素如果想要表達出同一效果而進行的分門別類。
③css控制邊框和背景
屬性說明
border-width
設定邊框的寬度
border-style
設定邊框的樣式型別
border-color
設定邊框的顏色
border
設定所有邊框
例項：border:5px solid red ; 寬度，樣式，顏色
border-top
設定上邊框
類似有border-bottom(下)、border-left(左)、border-right(右)
border-radius
設定圓角邊框
例項：border-radius：20px/15px
詳訴：此例項是乙個橢圓的圓角效果，同時設定了四個圓角，即設定圓心離邊框左右邊距離20px，距離上下邊15px。
④背景設定
屬性說明
background-image
設定背景
設定背景重複方式
background-attachment
設定背景是否跟隨劃輪滾動
fixed為不隨滾輪移動而移動
background-color
設定背景顏色
background-size
設定背景影象的尺寸
4、css設定文字樣式 屬性
說明text-align
對齊文字
屬性值：center居中、left左對齊、right右對齊
decoration
文字方向
屬性值：ltr（left to right）從左往右、rtl（right to left）從右到左
letter-spacing
指定字母（文字）間距
例項：letter-spacing: 10px;
line-height
指定單詞間間距（僅英文單詞）
例項：line-height: 100px;
text-indent
首行縮排（第一行開頭空格畫素）
例項：text-indent: 50px;
text-decoration
設定文字裝飾
常用屬性值：
underline 新增下劃線
overline 新增上劃線
line-through 新增中劃線
text-transform
設定文字大小寫轉換（僅英語）
常用屬性值：
capitalize 首字母大寫
uppercase 全部字母大寫
lowercase 全部字母小寫
font-family
設定字型
例項：font-family: "微軟雅黑";
font-size
設定字型大小
例項：font-size: 40px;
font-style
設定字型樣式
值：oblique 傾斜樣式 italic 斜體樣式
註明：italic傾斜程度比oblique大
font-variant
指定字母是否以小型大寫字母顯示
例項：font-variant: small-caps;
font-weight
設定字型粗細
值需要輸入100-900整百型別，數值越大字型越粗
例項：font-weight: 900;
text-shadow
建立文字陰影
輸入四個值：水平偏移 垂直偏移 模糊程度 模糊顏色
例項：text-shadow: 10px 10px 10px red;
5、css使用過渡
①transition屬性
屬性說明
transition-delay
規定過渡效果何時開始
例項：transition-delay: 150ms;
transition-duration
規定完成過渡效果需要花費的時間（以秒或毫秒計）
例項：transition-duration: 500ms;
transition-property
規定應用過渡效果的 css 屬性的名稱
例項：transition-property: background-color
transition-timing-function
規定過渡效果的速度曲線
例項：transition-timing-function: linear;
②animation 屬性
屬性說明
animation-name
規定@keyframes 動畫的名稱
animation-duration
規定動畫完成乙個週期所花費的秒或毫秒。預設是 0。
animation-timing-function
規定動畫的速度曲線。預設是 「ease」，常用的還有linear，同transtion 。
animation-delay
規定動畫何時開始。預設是 0。
animation-iteration-count
css3學習筆記
1.為什麼分許多模組進行管理？為了避免產生瀏覽器對於某個模組支援不完全的情況。2.使用元素的class屬性的缺點 第一，class屬性本身沒有語義，褚翠是用來為css樣式服務的，屬於多餘屬性。第二，使用屬性的話，並沒有把樣式與元素繫結起來，針對同乙個class屬性文字框，下拉框，按鈕都可使用。這樣很...
CSS3學習筆記
一.選擇符 二.屬性 溢位隱藏 div4 p文字陰影 text shadow 2px 1px rgba 255,255,255,1 圓角效果 border radius邊框陰影 box shadow 2px 2px 5px 5px inset 內陰影透明度 div for ie8 and earli...
css3學習筆記
1，transition是過度效果，一般是和hover一起用，transition的屬性有height，width常用屬性，在hover裡面就是會覆蓋原來的屬性，屬性由逗號間隔，各個屬性之間沒有先後關係，webkit transition width 2s ease in,height 2s,web...