復位專案樣式

• 百度搜索yui reset
  
  點選百度快照
  
  轉到圖中的網址
  

• 複製下來在自己的專案中建立css檔案，複製進去，並且引入到自己的html檔案中

用盒子製作小箭頭

• 就是用兩個盒子旋轉來進行壓蓋
  
• html部分
  
• css部分（需要在li裡面用上相對佈局）
  

去掉邊框線

• outline: none;

在發現左右元素大小不對的時候可以用浮動

關於偽類旋轉

• css中應該是：xxx：hover：：before（中間不能有空格否則會一個大塊跟著轉動）

字型圖示

• 阿里的icon

下拉選單

• 如果下拉選單和列表之間有空隙
• 設定一個無顏色的大盒子還是一樣的尺寸
• 用padding-top：10px
• 在內部再設定一個盒子，正常顯示顏色

最小寬度

• min-width：111px；
• 最好給網頁設定最小寬度，這樣在一些時候才會有內容，不至於空白

圖片和盒子之間有空隙

• vertical-align：middle
• 相當於一個居中
• 在圖片的樣式裡面新增

盒子的高度是百分比，盒子又需要設定邊框線減小高度

• box-sizing:border-box;
• 作用是讓height屬性是盒子的總高度

清除浮動

• 清除浮動最好是在大盒子的最後加一個公共類
• 這個公共類是after寫的

在設定左浮動有的東西位置不正確，不要用行高調整，用相對定位調整

左邊框

如果要設定距離遠一些的左邊框
需要用padding-left

在半透明的背景顏色中，不要用opacity要用rgba，否則字會跟著一起虛化

兩行文字

用《P》，一行用《em》