1. 內聯樣式
通過標籤的style屬性來設定元素的樣式
《標籤名 style=「屬性1:屬性值1; 屬性2:屬性值2」> 內容 "color:red;"
>hello css<
/div>2. 內部樣式
將css**集中寫在html文件的head頭部標籤中，並且用style標籤定義
"text/css"
>
選擇器（選擇的標籤）
<
/style>
<
/head>
div
<
/style>
"stylesheet" type=
"text/css" href=
"css檔案路徑"
>
<
/head>
1.標籤選擇器
標籤選擇器（元素選擇器）是指用 html 標籤名稱作為選擇器
標籤名2.類選擇器
類選擇器使用「.」（英文點號）進行標識，後面緊跟類名
.類名
='類名'
>
<
/p>
注意：各個類名中間用空格隔開
="pink fontweight font20"
>亞瑟<
/div>
#進行標識，後面緊跟id名
#id名
注意：w3c標準規定，在同乙個頁面內，不允許有相同名字的id物件出現，但是允許相同名字的class。
5.萬用字元選擇器
萬用字元選擇器用*號表示， * 就是 選擇所有的標籤
注意：會匹配頁面所有的元素，降低頁面響應速度，不建議隨便使用
1.後代選擇器
用來選擇元素或元素組的子孫後代
父級 子級
.class h3
2.子元素選擇器
只能選擇作為某元素子元素(親兒子)的元素。
.class>h3
3.並集選擇器
並集選擇器通常用於集體宣告 ，逗號隔開的，所有選擇器都會執行後面樣式
.one, p , #test
4.鏈結偽類選擇器
a:link /* 未訪問的鏈結 /
a:visited / 已訪問的鏈結 /
a:hover / 滑鼠移動到鏈結上 /
a:active / 選定的鏈結 */
1.font字型
font-size:大小
font-size屬性用於設定字型大小
font-size:20px;
注意：不同瀏覽器可能預設顯示的字型大小大小不一致，我們盡量給乙個明確值大小，不要預設大小。一般給body指定整個頁面文字的大小
font-family屬性用於設定哪一種字型。pp
可以同時指定多個字型，中間以逗號隔開，表示如果瀏覽器不支援第乙個字型，則會嘗試下乙個，直到找到合適的字型， 如果都沒有，則以我們電腦預設的字型為準。
font-weight:字型粗細
font-style:字型風格
font:綜合設定字型樣式
選擇器
注意：2.css外觀屬性
color:文字顏色
text-align:文字水平對齊方式
注意：是讓盒子裡面的內容水平居中， 而不是讓盒子居中對齊
line-height:行間距
用於設定行間距，就是行與行之間的距離，即字元的垂直間距，一般稱為行高。
line-height: 24px;
text-indent:首行縮排
/首行縮排2個字 em 1個em 就是1個字的大小/
text-indent: 2em;
text-decoration 文字的裝飾
用於給鏈結修改裝飾效果
3.標籤顯示模式（display）
塊級元素（block）
常見的塊元素
~、、
、、、等，其中
標籤是最典型的塊元素。
（1）比較霸道，自己獨佔一行
（2）高度，寬度、外邊距以及內邊距都可以控制。
（3）寬度預設是容器（父級寬度）的100%
（4）是乙個容器及盒子，裡面可以放行內或者塊級元素
注意：行內元素（block）
常見行內元素
、、、
、、、、
、、等，其中
標籤最典型的行內元素。有的地方也成內聯元素
（1）相鄰行內元素在一行上，一行可以顯示多個。
（2）高、寬直接設定是無效的。
（3）預設寬度就是它本身內容的寬度。
（4）行內元素只能容納文字或則其他行內元素。
注意行內塊元素（inline-block）
常用的行內塊元素
，可以對它們設定寬高和對齊屬性
（1）和相鄰行內元素（行內塊）在一行上,但是之間會有空白縫隙。一行可以顯示多個
（2）預設寬度就是它本身內容的寬度。
（3）高度，行高、外邊距以及內邊距都可以控制。
標籤顯示模式轉換 display
4.行高（line-height）
使用行高實現單行文字垂直居中
文字的行高等於盒子的高度
5.背景(background)
背景顏色background-color
背景background-image
背景平鋪background-repeat
背景定位background-position
背景附著background-attachment
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...