---
# System prepended metadata

title: Astro Camp 7/1/2024
tags: [CSS]

---

# Astro Camp

* 7/1/2024

****

important > inline > .class > tag > *(所有元件) 

 
繼承屬性只有在沒有被設定的情況下才會繼承


***
偽類選擇器
***
    
first- child -> 順序為主
first-of-type -> 以類別為主
:nth-child() -> odd 奇數小孩 
                even 偶數小孩
:nth-of-type -> 數字第Ｘ個小孩
                Ｘn -> X被數的小孩
                Xn +-y -> x+-y的小孩
                

***
Color
***

1. rgb(0,0,0)

color: #f0f0f0;
    color: rgb(200,200,200);
    color: rgba(200, 200, 200, .5);
    color: hsl(200 50% 50%);
    color: hsl(200 50% 50% / .5);
    color: hsl(200 50% 50% / 50%);
    color: gray;
    
rgb(255,255,255)
2. rgba(255, 255,255, 1) 0~1 不透明度
3. ＃ffffff 
ff R
ff G
ff B

#fff

#000000

0 1 2 3 4 5 6 7 8 9 a b c d e f

暗<------------------------------>亮

4. hsl (360 100% 100%)

       （色相 飽和度 明度）
       
5. 