220411

inline style

 

우선순위가 높아서 내부 외부 스타일보다 우선 적용됨

코드 재활용도 힘듬. 일일이 바꿔야해서

그래서 실제로 잘 안씀 [테스트할때 많이 씀]

 

내부 스타일

 

inline style 다음으로 우선순위가 매겨짐

 

외부 스타일 

 

가장 많이 씀, 외부에서 css 파일 가져와서 쓰는 방법

 

-> css 실전 적용 형태

 

inline style로 테스트해보고 외부 css파일로 스타일 적용 후 특정 부분만 수정할때 내부 스타일로 수정함. (우선순위가 높기 때문에 가능)

 

 

#id -> 특정 부분에만 적용할때 씀 ID는 중복 불가능

 

.class -> 범용적으로 적용할 때 씀. 중복 가능

 

 

#99/99/99

red/green/blue 의 16진수로 표현

 

font-family : Arial, Sans-serif

앞에는 쓰고싶은거, 뒤에는 앞에가 적용 안될때 함.

font-weight : bold , 100 200 300 400 ... 900

글씨체가 지원하지 않는 숫자는 적용안됨. 숫자로 적용하는 경우는 잘 없음.

 

!important -> css 우선순위 1위

 

 

.parent > p   => 바로 아래에 있는 p태그에게 적용한다

.parent p => parent 아래에 있는 모든 p태그에 적용한다.

 

text-indent -> 문단 들여쓰기

 

vh : 화면 기준 퍼센트 높이

vw : 화면 기준 퍼센트 가로길이

 

clear , float 속성 유튜브에서 찾아서 공부하기