理論知識
rel:規定當前文件與 被鏈結文件之間的關係
內嵌樣式表：在內的為內嵌樣式表
a.id選擇器：#id的值
b.標籤選擇器
c.class類選擇器：.class值
position:定位屬性；absolute:絕對定位；relative：相對定位；fixed:固定定位
position: relative;相對定位
1> 不影響元素本身特性（無論區塊元素還是內聯元素會保留其原本特性）
2> 不會使元素脫離文件流（元素原本位置會被保留，即改變位置也不會占用新位置）
3> 沒有定位偏移量時對元素無影響（相對於自身原本位置進行偏移）
4>提公升層級（用z-index樣式的值可以改變乙個定位元素的層級關係，從而改變元素的覆蓋關係，值越大越在上面，z-index只能在position屬性值為relative或absolute或fixed的元素上有效。）?
（兩個都為定位元素，後面的會覆蓋前面的定位）
2. position: absolute;絕對定位
1> 使元素完全脫離文件流（在文件流中不再佔位）
2> 使內聯元素在設定寬高的時候支援寬高（改變內聯元素的特性）
3> 使區塊元素在未設定寬度時由內容撐開寬度（改變區塊元素的特性）
4> 相對於最近乙個有定位的父元素偏移（若其父元素沒有定位則逐層上找，直到document——頁面文件物件）
5> 相對定位一般配合絕對定位使用（將父元素設定相對定位，使其相對于父元素偏移）
6> 提公升層級（同相對定位）
3. position: fixed;固定定位?
fixed生成固定定位的元素，相對於瀏覽器視窗進行定位。
4. position:static：預設值預設布局。元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 宣告）。
5. position: sticky 粘性定位粘性定位，該定位基於使用者滾動的位置。
它的行為就像 position:relative; 而當頁面滾動超出目標區域時，它的表現就像 position:fixed;，它會固定在目標位置。
注意: internet explorer, edge 15 及更早 ie 版本不支援 sticky 定位。 safari 需要使用 -webkit- prefix 。
6. position: inherit規定應該從父元素繼承 position 屬性的值。
7. posiyion: initial 設定該屬性為預設值，詳情檢視css initial 關鍵字initial 關鍵字用於設定 css 屬性為它的預設值。
initial 關鍵字可用於任何 html 元素上的任何 css 屬性。
css樣式設計
#header a
margin-left: 18px; //據左邊的距離
font-weight: bold; //font-weight字型加粗屬性：bold加粗字型
color: black; //color字型顏色屬性
}標籤定義文件與外部資源的關係。
注意： 此元素只能存在於 head 部分，不過它可出現任何次數。
#header a:link
#header a:visited
#header a:hover
#header a:active
屬性 值 描述
charset char_encoding html5 不支援該屬性。 定義被鏈結文件的字元編碼方式。
href url 定義被鏈結文件的位置。
hreflang language_code 定義被鏈結文件中文字的語言。
media media_query 規定被鏈結文件將顯示在什麼裝置上。
rel icon 必需。定義當前文件與被鏈結文件之間的關係。
rev reversed relationship html5 不支援該屬性。 定義被鏈結文件與當前文件之間的關係。
sizesnew heightxwidth
any 定義了鏈結屬性大小，只對屬性 rel="icon" 起作用。
target _blank html5 不支援該屬性。 定義在何處載入被鏈結文件。
type mime_type 規定被鏈結文件的 mime 型別。
hao123
地圖貼吧
學術scdn部落格
登入設定
更多產品
有事搜一搜 沒事看一看
執行結果：
跳轉到猜數字遊戲
百度首頁頁面
一.兩個檔案一張，都在同級目錄下 2.乙個css外部樣式表，命名為baidu.css 3.乙個html，命名為baidu.html 二.baidu.css如下 charset utf 8 div1 div2 div2 div2 h1 p2 div2 web div2 search div2 clic...
用html css製作百度首頁
lang en charset utf 8 name viewport content width device width,initial scale 1.0 頂部內容 head,foot head left head right head a head a hover 中間內容 body img...
比較全面的百度百科爬蟲
獲取詞條內容，根據html標籤逐一讀取內容，將需要的資訊儲存到list中，奇數行是屬性名，偶數行是屬性值，最終儲存到本地的txt檔案中儲存，儲存到本體的 沒有放出來。第二張圖的大段文字是乙個難點，文字的上一級標題可能是h2也可能是h3，暫時沒有想到好的方法同時保留兩種標題，目前的方法去掉了h3的標題...