1、認識css
主要用於設定html頁面中的文字內容（字型、大小、對齊方式等）、的外形（寬高、邊框樣式、邊距等）以及版面的布局和外觀顯示樣式。css以html為基礎，提供如字型、顏色、背景的控制及整體排版等豐富的功能，同時可以針對不同的瀏覽器設定不同的樣式。
2、引入css樣式表
行內式概念：通過標籤的style來設定元素的樣式
語法格式:
《標籤名
style
="屬性1
:屬性值1;
屬性2:屬性值2;
屬性3:屬性值3;
">
內容 標籤名
>
例子：
style
="color
:green;
font-size
: 30px;
">
學習筆記 div
>
內嵌式概念是將css**集中寫在html文件的head頭部標籤中，並且用style標籤定義
語法格式
>
type
="text/css"
>
選擇器（選擇的標籤）
style
>
head
>
例子
>
type
="text/css"
>
divstyle
>
head
>
外鏈式概念將所有的樣式放在乙個或多個以**.css**為副檔名的外部樣式表檔案中，通過link標籤將外部樣式表檔案鏈結到html文件中
語法結構
link是乙個單標籤
link標籤需要放在head頭部標籤中，同時需要指定link標籤的三個屬性
屬性作用
示例rel
定義當前文件與被鏈結文件之間的關係
在這裡指定為「stylesheet」，表示被鏈結的文件是乙個樣式表檔案。
type
定義所鏈結文件的型別
在這裡指定為「text/css」，表示鏈結的外部檔案為css樣式表。
href
定義所鏈結外部樣式表檔案的url
可以是相對路徑，也可以是絕對路徑。
3、選擇器作用
4、css基礎選擇器
1、標籤選擇器
標籤名3、類選擇器 —多類名
4、id選擇器
5、通配選擇器
概念：萬用字元選擇器用*號表示， * 就是選擇所有的標籤 ，能匹配頁面中所有的元素。
*1、font字型
font-size：大小
font-family：字型
字型名稱
英文名稱
unicode 編碼
宋體simsun
\5b8b\4f53
新宋體nsimsun
\65b0\5b8b\4f53
黑體simhei
\9ed1\4f53
微軟雅黑
microsoft yahei
\5fae\8f6f\96c5\9ed1
楷體_gb2312
kaiti_gb2312
\6977\4f53_gb2312
隸書lisu
\96b6\4e66
幼園youyuan
\5e7c\5706
華文細黑
stxihei
\534e\6587\7ec6\9ed1
細明體mingliu
\7ec6\660e\4f53
新細明體
pmingliu
\65b0\7ec6\660e\4f53
font-weight：字型粗細
font-style：字型風格
font：綜合設定
選擇器
2、css外觀屬性
color:文字顏色
text-align:文字水平對齊方式
line-height:行間距
text-indent:首行縮排
text-decoration 文字的裝飾
語法格式：
href
="#"
style
="text-decoration
:none
">
css學習a
>
取值屬性值
描述none
取消下劃線
underline
定義文字下的一條線
overline
定義文字上的一條線。
line-through
定義穿過文字下的一條線。
6、快捷操作emmet語法
HTML入門學習筆記 體驗CSS 1
在web早期 1990 1993 html是乙個很侷限的語言。幾乎完全由用於描述段落，超連結，列表和標題的結構化元素組成。隨著全球資訊網的出現 使用者互動體驗的加強 對html的要求越來越大，人們迫切需要html增加新的元素，去完成乙個特定的功能 迫於壓力，html開始出現，等標籤。但是html是一...
精通css（1） 規範
之前學過css，但沒有深入研究，現在在做一些web的東西，有時遇到布局的問題要弄很久，所以本著嚴肅認真的態度，還是要把css好好再學一遍！傳說，在css沒有出現之前，html的結構是非常混亂的，因為它將文件表現部分與內容結合在一起，看起來非常糟糕，所幸的是css的出現解決了這一問題。既然css的出現...
css1 浮動清除問題
此方法為本人比較推薦的方法，在父元素不能設定具體高度的時候，比較適合使用，當然在設定了具體高度的時候使用時使用也無礙。因此只要將此方法寫入公共樣式中，只要使用了浮動，就在父元素加上clearfix類，就行，無需考慮是否定義高度。如下 utf 8 viewport content width devi...