1、涉及到的長度單位
（1）px畫素：這個是我們最常用的單位，我們螢幕就是乙個乙個畫素點構成的，乙個畫素點就是乙個畫素。不同的螢幕乙個畫素的大小是不同的。
（2）百分比：當設定乙個百分比時，瀏覽器會自動根據其父元素的屬性來計算大小。優點是，當父元素的屬性發生改變時，子元素按照比例相應改變。
百分比相對的屬性不一定（參考w3cschool）：
比如：改變子元素的字型大小，相對于父元素的字型大小。
改變子元素的寬度，相對于父元素的寬度。
改變子元素的長度，相對于父元素的長度。
（3）em: em和百分比很像，1em=自身的字型大小，
但是注意的是，em永遠相對於自身的字型大小。
em主要用來為文字設定大小。
2、顏色單位
在css中設定顏色有多種方式，
第一種方式：用顏色的對應的英文單詞表示一種顏色。侷限是：我們需要記住大量顏色的單詞，而且使用英文單詞
也不能完全描述所有的顏色。
第二種方式：使用rgb（紅綠藍）值的形式設定顏色。使用如下形式設定rgb值：
rgb（紅色的濃度，綠色的濃度，藍色的濃度）
每種顏色的濃度是從0~255
除了寫數值，也可以使用百分比來編寫rgb值。範圍是0~100%
background-color ： rgb(200,100,50);
background-color ： rgb(50%,80%,100%);
第三種方式：使用的是十六進製制的rgb值
可以使用三組兩位的十六進製制來表示乙個顏色，每組顏色的範圍是 00~ff
第一組代表紅色的濃度
第二組代表綠色的濃度
第三組代表藍色的濃度
語法：#ff0000 表示紅色 同rgb（255，0，0）
像這種#ffff00，兩兩重複的顏色，可以進行簡寫：#ff0 要求三組都是兩兩重複。
3、文字
（1）font-size:
瀏覽器中的文字大小一般是16px ,我們可以通過font-size修改文字的大小，我們一般頁面中使用的文字的大小是12px，
所以需要重置文字的大小。往往通過設定body的文字大小來重置頁面中所有文字的大小。
（2）color用來設定文字的顏色
（3）font-family用來設定文字的字型
當設定了乙個字型時，如果瀏覽器對應的字型會直接使用，如果沒找到則使用預設字型。
font-family可以同時指定多個字型。優先使用第乙個，如果第乙個不支援，則使用下乙個字型。
實際上使用的字型是儲存在計算機系統裡的，如果系統裡沒有的話，就不能顯示這種字型，並且有些字型不同的瀏覽器顯示效果也不同 。
4、字型大分類（對所有字型大的分類，並不涉及具體的型別，如果將字型指定為這些格式，瀏覽器會自己選擇合適的格式）
serif 襯線字型（比如宋體）
sans-serif 非襯線字型（比如微軟雅黑）
monospaced 等寬字型
cursive 草書字型
fantasy 虛幻字型
這些大的分類一般指定在所有字型的最後，如果前面所有的字型都不顯示，則顯示大分類的某一種字型。
例如：font-size：arial,微軟雅黑,sans-serif;
及其特殊的字型可以用處理。
5、字型樣式font-style
normal 標準樣式
italic 斜體
oblique 傾斜
（實際上大部分瀏覽器不會區分傾斜和斜體，也就是兩個的顯示效果是一樣的，
所以設定斜體時，只需設定為italic即可）
6、字型粗細font-weight（相對于父元素）
bold:加粗（最常用）
bolder：更粗
lighter：更細
100~900（*00）：越來越粗，但是由於系統裡的字型沒有那麼粗細級別，
所以200和100可能顯示是一樣的，也可能200比100粗
7、小型大寫字母 font-variant（只針對英文）
small-caps可以設定小型大寫字母，當設定了此屬性值時，小寫字母將變成大寫，並且比一般的大寫字母要小一點。
8、簡寫樣式 font
在css裡還提供了乙個簡寫屬性，可以用來設定所有的樣式
例如： font: bold italic small-caps 40px "微軟雅黑";
這樣寫，效能更好，瀏覽器解析起來更快
順序規定：斜體、加粗、小型大寫字母沒有順序要求，甚至可以不寫，不寫則使用預設值，
font-size和font-family：要求必須寫，位置font-size必須是倒數第二個，font-family必須是最後乙個。
9、行間距
頁面在顯示文字時，都會有乙個預設的行高（如作業本的兩條線），文字預設在行高裡垂直居中。
我們可以用line-height來設定行高。
行間距=行高 - 字型大小
在font簡寫屬性中可以同時設定行高，在字型大小後面設定，格式為： 大小/行高
單行文字的情況下，我們可以設定行高和元素的高度一致，可以使文字在元素中居中顯示。
10、大寫化
text-transform:uppercase 大寫
text-transform:lowercase 小寫
text-transform:capitalize 首字母大寫
text-transform:none 正常
11、文字修飾 text-decoration
underline 給文字新增下劃線
overline 給文字上邊新增上劃線
line-through 給文字新增中劃線（刪除線）
blink 閃爍文字（瀏覽器都不支援此效果）
none 常用於使超連結的下劃線去除
12、字母間距和單詞間距
字母間距：letter-spacing
單詞間距：word-spacing 通過空格來判斷是不是乙個單詞，實際上就是在設定文字中空格的大小
13、對齊方式設定text-align
left：左對齊
right：右對齊
center：中間對齊
justify：兩端對齊，通過控制空格的大小使之兩端對齊。
14、首行縮排設定 text-indent
如果設定乙個正值，則會預設向右縮排設定指定的長度
縮緊的時候最好使用em，這樣可以根據文字的大小來自動適應。
如果設定乙個負值，則會向左移動指定的長度
當頁面中有一些內容不希望被使用者看見時，則可以使用負的縮排值。
一般設定logo時，可以將文字向左縮排。只顯示logo（放在h1標籤裡）
前端基礎八之文字標籤
1 strong與em標籤 strong表示乙個強調內容，重要內容，該標籤內容一般有個加粗的效果.em表示強調內容，但是沒有strong那麼強烈，一般以斜體表示。2 b標籤與i標籤 b標籤用來設定加粗的文字，顯示效果和strong是一樣的 i標籤用來設定斜體字，顯示效果和em是一樣的。但是注意的是，...
前端基礎之BOM和DOM
bom browser object model 是指瀏覽器物件模型，它使 j ascript 有能力與瀏覽器進行 對話 dom document object model 是指文件物件模型，通過它，可以訪問html文件的所有元素。一 window的子物件 n igator物件 n igator.u...
前端基礎之關於陣列的方法整理
1 arr.push 從後面新增元素，返回值為新增完後陣列的長度,改變原陣列 let arr 1,2,3,4,5 console.log arr.push 6 6 console.log arr 1,2,3,4,5,6 2 arr.pop 刪除陣列最後一項，返回值是刪除的元素,改變原陣列 let a...