color顏色

• style="color:red"

padding、margin

• padding:內部空間
• margin:外部空間
• 可用上下左右調整

float、display

• float:style="float:right"
  將元素往上浮
  列表，加float，可跟著畫面浮

• display: 可將元素分成inline、block
  inline為行內，block為區塊

position 定位

• fix: 固定定位(獨立出一層，漂浮在上面)，將元素固定，轉動畫面都不變，可用top、bottom、left、right調整

• relative: 相對定位，距離本來該在的位置偏離x像素

• absolute: 絕對定位(也是獨立出一層，浮起來)，但不會隨畫面滾動，若上一層有做相對定位，則可以根據上一層定位，附在旁邊

Opacity、border-radius

• opacity: 透明度，從0到1，0是完全透明

• border-radius: 圓弧度，可以把圖形角度半徑變成10像素角度的圓弧，到原像素的一半時會變成圓形

style 標籤

• 用中括號，直接寫出下面的p、h1標籤
• 也可以加background

引入外部css檔案

• 可以把網頁的其他頁面css都統一，直接引入

class & id

• class: 可以把元素區隔

• css開頭用.
  
  

• id: 元素「唯一」的識別號，只能出現一次， 用#來寫css
  

flex

• flex-wrap:wrap : 寬度不夠會自動換行
• flex-direction:column; 主軸改成由上而下
• order: 排列順序，由小到大
• justify-content: 調整對齊
• space-around、between: 平均分配空間