본문 바로가기
HTML & CSS

[HTML&CSS] CSS - inherit 속성과 a, body 노멀라이즈(normalize)

by isfp_yykkng 2022. 5. 3.

[CSS] inherit : 상속 (cf. 자바의 상속)

자식은 부모의 속성을 (자동으로) 따라한다. (= 상속받는다.)

* 단!! border속성은 상속받지 않음! => 상속받으려면 자식 CSS에 따로 inherit하기!

 

See the Pen herit 예제 by hoyeol0513 (@hoyeol0513) on CodePen.

 


[CSS] normalize : 해당 엘리먼트를 평범하게 만드는 일! 

★노멀라이즈는 웹 디자이너가 가장 먼저 해야할 일 (작업할 때 가장 CSS에 적어두기)

 

1. a 노멀라이즈 : texxt-decoration을 none으로 하고 color는 부모의 색상을 inherit 하는 일!

See the Pen a 에 대한 normalize by hoyeol0513 (@hoyeol0513) on CodePen.

 

2. body 노멀라이즈 : margin : 0으로 두는 일! (웹디자인에 방해됨.)

See the Pen body 노멀라이즈 by hoyeol0513 (@hoyeol0513) on CodePen.