4.隱藏頁面元素常用方法
5.css選擇器
1.**的書寫順序
板塊（框架）→有效區→具體內容→樣式
(一般有效區的寬度設定為1200px即可）
2.關於居中
3.關於定位
※ position屬性
※ 定位屬性
3.1 普通流
3.2 浮動
**:
樣式：.clear
3.3 相對定位
（1）如果對乙個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設定垂直或水平位置，讓這個元素「相對於」它的起點進行移動。相對定位是「相對於」元素在文件中的初始位置
注意：在使用相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導致它覆蓋其它框。
（2）子元素相對于父元素定位，父級或者再高的層級當作參照物。
3.4 絕對定位
4.隱藏頁面元素常用方法
5.css選擇器
5.1 元素選擇器
eg:
htmlph2
eg: 希望 h2 元素和段落都有灰色
h2, p
(1)
eg: class 屬性值為 important 的所有段落
p.important
(3)多類選擇器
"important">this paragraph is very important.
"warning">this is a warning.
//多個類，中間空格
"important warning">this paragraph is a very important warning.
eg: 以#開頭
"intro">this is a paragraph of introduction.
5.5 屬性選擇器([ ])
（1）簡單屬性選擇
eg1:只對有 href 屬性的錨（a 元素）應用樣式
"">w3school
eg2: 將同時有 href 和 title 屬性的 html 超連結的文字設定為紅色
**： w3school
css: a[href][title]
除了選擇擁有某些屬性的元素，還可以進一步縮小選擇範圍，只選擇有特定屬性值的元素。
eg1: 將指向 web 伺服器上某個指定文件的超連結變成紅色
(3) 根據部分屬性值選擇
如果需要根據屬性值中的詞列表的某個詞進行選擇，則需要使用波浪號（~）
eg: 選擇 class 屬性中包含 important 的元素，可以用下面這個選擇器做到這一點
"important warning">this is a paragraph.
"important">this is a paragraph.
"warning">this is a paragraph.
（4）子串匹配屬性選擇器
eg: 如果希望對指向 w3school 的所有鏈結應用樣式，不必為所有這些鏈結指定 class，再根據這個類編寫樣式，而只需編寫以下規則：
a[href*="w3school.com.cn"]
最後介紹特定屬性選擇器。例如：
*[lang|="en"]
"en">hello!
"en-us">greetings!
"en-au">g'day!
"fr">bonjour!
"cy-en">jrooana!
5.5 後代選擇器(空格分隔)
eg: 希望只對 h1 元素中的 em 元素應用樣式，可以這樣寫(即用空格分隔）：
h1 em
（1）選擇子元素
如果您不希望選擇任意的後代元素，而是希望縮小範圍，只選擇某個元素的子元素，請使用子元素選擇器（child selector）。
eg: 如果您希望選擇只作為 h1 元素子元素的 strong 元素，可以這樣寫：
h1 > strong
eg:
table.company td > p5.7 相鄰兄弟選擇器 (+)
如果需要選擇緊接在另乙個元素後的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器
eg: 如果要增加緊接在 h1 元素後出現的段落的上邊距，可以這樣寫：
h1 + p
5.8 偽類——用於向某些選擇器新增特殊的效果
(1) 錨偽類
提示：在 css 定義中，a:hover 必須被置於 a:link 和 a:visited 之後，才有效; a:active 必須被置於 a:hover 之後，才有效。並且偽類名稱對大小寫不敏感。
（2） :first-child 偽類——選擇元素的第乙個子元素
詳細例子看此 鏈結
5.9 偽元素——用於向某些選擇器設定特殊效果
HTML基礎總結
1.稱為根標籤，所有的網頁標籤都在中。2.標籤用於定義文件的頭部，它是所有頭部元素的容器。頭部元素有 等標籤，頭部標籤在下一小節中會有詳細介紹。3.在和標籤之間的內容是網頁的主要內容，如 等網頁內容標籤，在這裡的標籤中的內容會在瀏覽器中顯示出來。1.傾斜和加粗標籤是為了強調一段話中的關鍵字時使用，它...
HTML基礎總結
title charset utf 8 head body html p h 1 2 3 4 5 6 color 顏色 size 大小1 7 face 字型樣式 font span b strong i em src 路徑 width 寬度 height 高度 alt 載入錯誤時的提示資訊 type...
html基礎總結
html是一種超文字標記語言 標記 符號,標籤標記是沒有邏輯的 組成 目的 完成頁面的搭建 html頁面大致的組成部分 簡單的乙個htm5搭建 title 語法 內容 常用的轉義字元 空格 h1 h6 裡面內容相對於普通的內容會加粗,且會自動換行 p 自帶換行，有段落間距 共同點都不帶換行 常用的文...