17. 常用CSS語法

一、相關資源：

1. CSS手冊：http://css.doyoe.com/
2. 線上顏色挑選工具：https://www.webpagefx.com/web-design/color-picker/

二、常用技巧：

1. 文字顏色：

   color: #ffaa00;

   文字顏色

2. 文字字型：

   font-family: 標楷體;

   文字顏色

3. 文字大小：

   font-size: 22px;

   文字大小

4. 文字加陰影：（陰影右移距離、陰影下移距離、陰影模糊的程度、邊框顏色）

   text-shadow: 2px 2px 3px #0d4e5c,

   文字加陰影

5. 文字加外框：簡單講，就是替文字的八個方向都加上文字陰影而已。

   text-shadow: 0px 1px #0d4e5c, 1px 0px #0d4e5c, -1px 0px #0d4e5c, 0px -1px #0d4e5c, -1px -1px #0d4e5c, 1px 1px #0d4e5c, 1px -1px #0d4e5c, -1px 1px #0d4e5c;

   文字加外框

6. 邊框（粗細、線條類型、顏色）：

   border: 1px solid blue;

   邊框

    

7. 內距（上、右、下、左）：

   padding: 6px;

   邊框

    

8. 圓角外框：

   border-radius: 5px;

   圓角外框

    

9. 背景顏色

   background: #bfddef;

   背景顏色

    

10. 漸層顏色

    background: linear-gradient(#bfddef , #2783e5);

    漸層顏色

     

11. 背景圖

    background: url('https://圖檔位置');

    背景圖

     

12. 外框陰影

    box-shadow: 2px 2px 4px black;

    外框陰影