[CSS] color / background-color

글자색 color

 

color:color name;

color: colorName;

• 컬러 네임으로 적용.

---

color: #FFFFFF

# hex 값

• hex rgb 값으로 적용. (*6자리 기본)

---

color: rgb(255, 255, 255);

rgb 값

• color: (red, green, blue) 값으로 적용.

---

color: rgba(255, 255, 255, 0~1)

color: (red, green, blue, alpha)

• color: (red, green, blue,alpha) 값으로 alpha는 불투명도 값. alpha 값이 낮을수록 투명해지고 높을수록 선명해짐.

---

color: hsl(hue, saturation, lightness)

color: hsla(255, 255, 255, 0~1)

color: (hue, saturation, lightness, alpha)

• color: (hue/색상, saturation/채도%, lightness/명도%, alpha불투명도) 값으로 alpha는 불투명도 값.

---

색상의 기본값(투명) ' transparent '

---

color 값은 상속된다.

• css 상속 inheritance : 해당 선택자의 자식, 자손까지 같은 특성이 적용되는 것.
• 부모 및 조상의 상속 값보다 자식의 적용값이 우선된다. 즉 직접 적용값이 우선.
• 주로 서체와 관련된 특성들이 상속되는 경우가 많음.
• background-color는 상속이 되지 않는다. 자식에게 배경색이 상속된 것처럼 보이나 상속된 것이 아님.                           자식 요소의 배경색을 지정하지 않았기 때문에 비춰보이는 것.

---

배경색 background-color

background-color : name;

background-color: ###;