mdn 背景
w3school 背景
元素的背景是指，在元素內容、內邊距和邊界下層的區域。屬性
描述background-color
為背景設定乙個純色。
background-image
把影象設定為背景。線性漸變是通過linear-gradient()函式傳入的，它是乙個background-image屬性的值。
background-position
指定背景應該出現在元素背景中的位置。
background-repeat
指定背景是否應該被重複(平鋪)。
background-attachment
當內容滾動時，指定元素背景的行為
background
在一行中指定以上五個屬性的縮寫。 簡寫屬性，作用是將背景屬性設定在乙個宣告中。
background-size
允許動態調整背景影象的大小。
w3school 邊框
mdn 邊框
元素外邊距內就是元素的的邊框 (border)。元素的邊框就是圍繞元素內容和內邊據的一條或多條線。w3school 列表每個邊框有 3 個方面：寬度（border-width）、樣式（border-style），以及顏色（border-color）。
mdn 列表
列表有三種：無序列表、有序列表、描述列表
可以在w3school 鏈結
mdn 鏈結
鏈結存在時處於不同的狀態，每乙個狀態都可以用對應的 偽類 來應用樣式:mdn 選擇器
w3c 選擇器
通過元素型別、class 或 id 匹配乙個或多個元素。型別選擇器（又名元素選擇器）
在 w3c 標準中，元素選擇器又稱為型別選擇器（type selector）。針對某個html元素設定樣式此選擇器只是乙個選擇器名和指定的html元素名的不區分大小寫的匹配。這是選擇所有指定型別的最簡單方式。
html類選擇器h1
類選擇器由乙個點「.」以及類後面的類名組成。類名是在html class文件元素屬性中沒有空格的任何值。由你自己選擇乙個名字。同樣值得一提的是，文件中的多個元素可以具有相同的類名，而單個元素可以有多個類名(以空格分開多個類名的形式書寫)。
.型別名a{}，對型別名為a的元素設定樣式，乙個html文件中可以匹配多個元素
id選擇器
id選擇器由雜湊/磅符號 (#)組成，後面是給定元素的id名稱。 任何元素都可以使用id屬性設定唯一的id名稱。 由你自己選擇的id是什麼。 這是選擇單個元素的最有效的方式。
#id名a{}，對id名為a的元素設定樣式，乙個html文件中只能匹配乙個元素
通過 屬性 / 屬性值 匹配乙個或多個元素。css 2 引入了屬性選擇器。 把包含標題（title）的所有元素變為紅色，可以寫作：
*[title]概念：
匹配處於確定狀態的乙個或多個元素，比如被滑鼠指標懸停的元素，或當前被選中或未選中的核取方塊，或元素是dom樹中一父節點的第乙個子節點。使用方法：
乙個 css 偽類（pseudo-class） 是乙個以冒號(:)作為字首的關鍵字，當你希望樣式在特定狀態下才被呈現到指定的元素時，你可以往元素的選擇器後面加上對應的偽類（pseudo-class）。概念：
匹配處於相關的確定位置的乙個或多個元素，例如每個段落的第乙個字，或者某個元素之前生成的內容。使用方法：
偽元素（pseudo-element）跟偽類很像，但它們又有不同的地方。它們都是關鍵字 —— 但這次偽元素字首是兩個冒號 (:百度前端技術學院 零基礎學院 Day2
第二天，我們希望你能夠通過簡單的實踐，更加清楚地了解html是什麼，html5是什麼。學習基本的html標籤，理解html語義化概念 今天我們先暫時不用第一天讓你安裝的ide，我們先暫時使用codepen作為我們的開發工具，開啟 codepen，建立乙個新的頁面 create new pen 它有三...
百度前端技術學院 零基礎學院 Day5
通過閱讀及乙個小型練習，掌握 css 盒模型及通過float進行簡單的布局 今天我們要學習非常重要的一些知識，這些知識會伴隨著你的前端生涯.首先我們先學習一下盒模型的概念 接下來我們了解一下浮動 今天的任務，我們將不在codepen上來實現，開啟你電腦本地的 編輯器 如vscode，sublime或...
百度前端技術學院 零基礎學院（7，8）
設計圖如下 步驟 一 分出幾個塊 首部，中間包括乙個960px寬的劇中div，div裡包括logo和三個鏈結 宣傳欄，含有乙個輪顯數字 主要內容區，包括乙個導航欄和寬度自適應的內容塊 底部，包含水印 二 遇到的問題 1 首先是沒有固定在頁面底部，而是處於了的下方，主要是由於部分還沒有寫好內容未撐開導...