FOR複試

做網頁的第二天

新學到的知識
關於flex佈局（摘自菜鳥教程|Flex佈局語法教程）
Flex是Flexible Box的縮寫，意為”彈性佈局”，用來為盒狀模型提供最大的靈活性。任何容器都可指定為flex佈局（Webkit核心的瀏覽器，必須加上-webkit字首）
設為Flex佈局以後，子元素的float、clear和vertical-align屬性將失效。
容器的屬性：

flex-direction屬性決定主軸方向（即專案排列方向）
主要有的數值
flex-wrap屬性
預設情況下，專案都排在一條線（又稱”軸線”）上。flex-wrap屬性定義，如果一條軸線排不下，如何換行。
可能取的值
（1）nowrap（預設）：不換行。
（2）wrap：換行，第一行在上方。
（3）wrap-reverse：換行，第一行在下方。
flex-flow屬性
flex-flow屬性是flex-direction屬性和flex-wrap屬性的簡寫形式，預設值為row nowrap。
justify-content屬性
justify-content屬性定義了專案在主軸上的對齊方式。

align-items屬性
align-items屬性定義專案在交叉軸上如何對齊。
align-content屬性
align-content屬性定義了多根軸線的對齊方式。如果專案只有一根軸線，該屬性不起作用。

複習的知識

關於列表
html中一共有3種列表：
1.有序列表；
2.無序列表；
3.定義列表

有序列表，使用ol建立有序列表，使用li表示列表項；
無序列表，使用ul建立無序列表，使用li表示列表項；（經常用於導航欄）
定義列表：使用dl標籤建立一個定義列表，使用dt表示定義內容，使用dd來對內容解釋說明；
列表之間可以互相巢狀

關於超連結
超連結可以讓我們從一個介面跳轉到新的頁面，或者當前頁面的其它位置；
使用a標籤來定義超連結，超連結也是一個行內元素，在a標籤裡可以巢狀除它自身外任意元素。
屬性：href指定跳轉的目標路徑
值可以是一個外部網站的地址，也可以寫一個內部頁面的地址（需要確保兩個在同一目錄下）

關於超連結的另外用法
target屬性，用來指定超連結開啟的位置
_self 預設值 在當前頁面開啟超連結
_blank在一個新的頁面中開啟超連結
可以將超連結的href屬性設定為#，這樣點選超連結以後頁面不會發生跳轉，而是轉到當前頁面的頂部位置。
關於相對路徑
相對路徑一般使用.或…開頭
./表示當前檔案所在目錄 path
…/表示當前目錄所在上級
./可以省略不寫，如果不寫./也不寫…/則就相當於寫了./