列表就相當(dāng)于去超市購物時的那個購物清單赘娄，在HTML也可以創(chuàng)建列表趾牧，在網(wǎng)頁中一共有三種列表：
1故响、無序列表
2傀广、有序列表
3、定義列表
無序列表
無序列表
使用ul標(biāo)簽來創(chuàng)建一個無序列表
使用li在ul中創(chuàng)建一個一個的列表項彩届，一個li就是一個列表項
通過type屬性可以修改無序列表的項目符號伪冰，可選值：
disc：默認(rèn)值，實心的圓點
square：實心的方塊
circle：空心的圓圈
注意：默認(rèn)的項目符號我們一般都不使用
如果需要設(shè)置項目符號樟蠕，則可以采用為li設(shè)置背景圖片的方式來設(shè)置
ul和li都是塊元素
有序列表和無序列表類似贮聂，只不過它使用ol來代替ul
有序列表使用有序的序號作為項目符號
type屬性，可以指定序號的類型寨辩，可選值：
1吓懈，默認(rèn)值，使用阿拉伯?dāng)?shù)字
a/A靡狞，采用小寫或大寫字母作為序號
i/I耻警，采用小寫或大寫的羅馬數(shù)字作為序號
ol也是塊元素
列表之間都是可以互相嵌套，可以在無序列表中放個有序列表甸怕，也可以在有序列表中放一個無序列表
定義列表用來對一些詞匯或內(nèi)容進行定義
使用dl來創(chuàng)建一個定義列表甘穿，它有兩個子標(biāo)簽
dt：被定義的內(nèi)容
dd：對定義內(nèi)容的描述
同樣，dl梢杭、ul温兼、ol之間都可以互相嵌套
長度單位
像素px
- 像素是我們在網(wǎng)頁中使用得最多的一個單位
一個像素就相當(dāng)于屏幕中的一個小點
我們的屏幕實際上就是由這些像素點構(gòu)成的
但是這些像素點是不能直接看見的
- 不同顯示器一個像素的大小也不相同
顯示效果越好、越清晰武契，像素就越小募判，反之像素越大
百分比%
- 也可以將單位設(shè)置為一個百分比的形式
這樣瀏覽器將會根據(jù)其父元素的樣式來計算該值
- 使用百分比的好處是荡含，當(dāng)父元素的屬性值發(fā)生變化時，子元素也會按照比例發(fā)生改變
- 在我們創(chuàng)建一個自適應(yīng)的頁面時兰伤，經(jīng)常使用百分比作為單位
em
- em和百分比類似内颗，它是相對于當(dāng)前元素的字體大小來計算的
- 1em = 1font-size
- 使用em時，當(dāng)字體大小發(fā)生改變時敦腔，em也會隨之改變
- 當(dāng)設(shè)置字體相關(guān)的樣式時均澳，經(jīng)常會使用em
顏色單位：
在CSS可以直接使用顏色的單詞來表示不同的顏色
紅色：red
藍色：blue
綠色：green
?也可以使用RGB值來表示不同的顏色
?- 所謂的RGB值指的是通過Red Green Blue三元色，
?通過這三種顏色的不同的濃度符衔，來表示出不同的顏色
?- 例子：rgb(紅色的濃度,綠色的濃度,藍色的濃度);
?- 顏色的濃度需要一個0-255之間的值找前，255表示最大，0表示沒有
?- 濃度也可以采用一個百分?jǐn)?shù)來設(shè)置判族，需要一個0% - 100%之間的數(shù)字
?使用百分?jǐn)?shù)最終也會轉(zhuǎn)換為0-255之間的數(shù)
?0%表示0
100%表示255
?也可以使用十六進制的rgb值來表示顏色吉执，原理和上邊RGB原理一樣，只不過使用十六進制數(shù)來代替穆碎，使用三組兩位的十六進制數(shù)組來表示一個顏色先蒋，每組表示一個顏色
第一組表示紅色的濃度，范圍00-ff
?第二組表示綠色的濃度辩撑，范圍00-ff
第三組表示藍色的濃度界斜，范圍00-ff
?語法：#紅色綠色藍色
?十六進制：
?0 1 2 3 4 5 6 7 8 9 a b c d e f
00 - ff
00表示沒有，相當(dāng)于rgb中的0
ff表示最大合冀，相當(dāng)于rgb中255
?紅色：#ff0000
*像這種兩位兩位重復(fù)的顏色各薇，可以簡寫
?比如：#ff0000 可以寫成 #f00
?#abc? #aabbcc
background-color: rgb(161,187,215);
?background-color: rgb(100%,50%,50%);
?background-color: #0000ff
background-color: #00f
background-color: #084098
長度單位
像素px
- 像素是我們在網(wǎng)頁中使用得最多的一個單位
一個像素就相當(dāng)于屏幕中的一個小點
我們的屏幕實際上就是由這些像素點構(gòu)成的
但是這些像素點是不能直接看見的
- 不同顯示器一個像素的大小也不相同
顯示效果越好、越清晰君躺，像素就越小峭判，反之像素越大
百分比%
- 也可以將單位設(shè)置為一個百分比的形式
這樣瀏覽器將會根據(jù)其父元素的樣式來計算該值
- 使用百分比的好處是，當(dāng)父元素的屬性值發(fā)生變化時棕叫，子元素也會按照比例發(fā)生改變
- 在我們創(chuàng)建一個自適應(yīng)的頁面時林螃，經(jīng)常使用百分比作為單位
em
- em和百分比類似，它是相對于當(dāng)前元素的字體大小來計算的
- 1em = 1font-size
- 使用em時谍珊，當(dāng)字體大小發(fā)生改變時治宣，em也會隨之改變
- 當(dāng)設(shè)置字體相關(guān)的樣式時，經(jīng)常會使用em
可以將字體設(shè)置為這些大的分類砌滞，瀏覽器會自動選擇指定的字體侮邀，并應(yīng)用樣式
一般會將字體的大分類，指定為font-family中的最后一個字體
font-style可以用來設(shè)置文字的斜體
- 可選值：
normal 默認(rèn)值贝润，文字正常顯示
italic 文字會以斜體顯示
oblique 文字會以傾斜的效果顯示
- 大部分瀏覽器都不會對傾斜和斜體做區(qū)分绊茧，也就是說我們設(shè)置italic和oblique效果是一樣的
- 一般我們只會使用italic
font-weight可以用來設(shè)置文本的加粗效果
- 可選值：
normal 默認(rèn)值，文字正常顯示
bold 文字加粗顯示
該樣式也可以指定100-900之間的9個值
但是由于用戶的計算機往往沒有這么多級別的字體打掘，所以200有可能比100粗华畏，但也有可能是一樣的
font-variant可以用來設(shè)置小型大寫字母
- 可選值：
normal 默認(rèn)值鹏秋，文字正常顯示
small-caps 文本以小型大寫字母顯示
小型大寫字母：
將所有的字母都以大寫形式顯示，但是小寫字母的小型大寫亡笑，要比大寫字母小一些
設(shè)置一個文字大小
font-size: 50px;
設(shè)置一個字體
font-family: 華文彩云;
設(shè)置文字斜體
font-style: italic;
設(shè)置文字加粗
font-weight: bold;
設(shè)置一個小型大寫字母
font-variant: small-caps;
通過設(shè)置line-height可以間接的設(shè)置行高
可以接收的值：
1.直接接收一個大小
2.可以指定一個百分?jǐn)?shù)侣夷，則會相對于字體去計算行高
3.可以直接傳一個數(shù)值，則行高會設(shè)置字體大小相應(yīng)的倍數(shù)
text-transform可以用來設(shè)置文本的大小寫
可選值：
none 默認(rèn)值仑乌，該怎么顯示就怎么顯示百拓，不做任何處理
capitalize 單詞的首字母大寫，通過空格來識別單詞
uppercase 所有的字母都大寫
lowercase 所有的字母都小寫
text-decoration可以用來設(shè)置文本的修飾
可選值：
none：默認(rèn)值晰甚，不添加任何修飾衙传，正常顯示
underline 為文本添加下劃線
overline 為文本添加上劃線
line-through 為文本添加刪除線
超鏈接會默認(rèn)添加下劃線，也就是超鏈接的text-decoration的默認(rèn)值是underline
如果需要去除超鏈接的下劃線則需要將該樣式設(shè)置為none
letter-spacing可以指定字符間距
letter-spacing: 10px;
word-spacing可以設(shè)置單詞之間的距離厕九，實際上就是設(shè)置詞與詞之間空格的大小
text-align用于設(shè)置文本的對齊方式
可選值：
left 默認(rèn)值蓖捶，文本靠左對齊
right 文本靠右對齊
center 文本居中對齊
justify 兩端對齊
- 通過調(diào)整文本之間的空格的大小，來達到一個兩端對齊的目的
text-indent用來設(shè)置首行縮進
這個值一般都會使用em作為單位
當(dāng)給它指定一個正值時扁远，會自動向右側(cè)縮進指定的像素
如果為它指定一個負(fù)值俊鱼，則會向左移動指定的像素
通過這種方式可以將一些不想顯示的文字隱藏起來
