第五次課內容：

1. 要注意標簽的層次，運用縮進indent，使HTML結構清晰，增加可讀性accessible

2. HTML布局網頁，CSS顯示樣式（CSS是用來美化HTML標簽的）

3. 開放標簽（有開始標記和結束標記）和自閉合標簽

4. style標簽的type屬性值，說明遇到type的時候，將以何種方式顯示style標簽，例：type="text/css"時，就以CSS樣式解析style標簽

5. ID選擇器作用于最頂層的塊

6. CSS的語法：選擇器+{1個或多個聲明} ，其中 聲明=屬性：屬性值

7. 屬性值的定義語法：由 關鍵字 或 特殊符號 或 類型 構成

??? 除了多個單詞的情況外，屬性值不用帶引號，eg：{font-family:"Times New Roman";}，Times New Roman是一個字體名，所以要引起來

??? 關鍵字? eg: {color:blue;} blue為關鍵字

??? 特殊符號? eg：{font:12px/20px;}，意為字體大小是12px，行高是20px；這里的"/"就是特殊符號

??? 類型? eg：{width:200px;} 200px就是類型，color、percentage、length的值是最常出現的三種類型

8. 相對長度單位em表示的是倍數

屬性值的控制因素：

a. 并列：值用空格隔開，必須全部出現，順序不能改變

b. 互斥：值用|隔開，有且只能有一個值出現

c. 并且：值用&&隔開，必須全部出現，順序可調整

d. 或者：值用||隔開，至少有一個值必須出現，順序可調整

e. 分組符號：值用[ ]括起來，中括號之間用空格隔開，例：center和top和red就是[center|left] [top&&red]的一種屬性值

f. *表示屬性值出現的次數：0次、1次或多次

g. +表示屬性值出現的次數：1次或多次

h. ?表示屬性值可有可無

優先級：[] > 并列 > 并且&& > 或者|| > 互斥|

?

第六次課內容：

1. 以font開頭的為文本樣式；以text開頭的為段落樣式

2. CSS參考手冊http://css.doyoe.com/ 可以查詢CSS的知識點

3. 字體粗細font-weight：normal | bold | bolder | lighter | <integer>

??? integer=整數、完整的事物、整體

??? 這里integer的取值范圍=100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ，其中400=normal? 700=bold

4. 字體傾斜font-style: normal | italic | oblique | inherit

??? oblique=斜的、傾斜物、傾斜=字體傾斜，把沒有斜體屬性的文字強制變為斜體

??? italic=斜體的、斜體字=傾斜字體，把有斜體屬性的文字變成斜體

5. 字體變形font-variant: normal | small-caps | inherit

??? 字體變形是把英文字母變成小號的大寫字母

6. font是復合屬性，可以有多個屬性值，因此多個font屬性可以簡寫為：

?? font：[ <' font-style '> || <' font-variant '> || <' font-weight '> ]? <' font-size '> [/ <' line-height '> ]? <' font-family '>?

?? 注：? 表示可有可無；/ 是特殊符號；[] 和 [] 之間是用空格隔開的，表示并列

7. 行高 line-height 是字體最底端（底線）與字體內部頂端（頂線）之間的距離

???

8. 文本裝飾text-decoration: none 無 | underline 下劃線 | line-through 刪除線/貫穿線 | overline 頂劃線（用的特別少）

9. 行高 line-height 和 縮進 text-indent 最好都用相對值，如 百分比或者em，這樣當父字體大小改變時，他們的值會自動做相應調整

轉載于:https://www.cnblogs.com/giselle527/p/5782568.html

總結

以上是生活随笔為你收集整理的YY前端课程5-6的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。