[CSS] inline - internal - external
2020. 4. 26. 13:28ㆍ컴퓨터언어/HTML CSS
728x90
반응형
CSS 적용에는 3가지 방법이 있다.
1. inline
2. internal
3. external
inline은 html 태그안에 style=""속성을 부여하는 것으로 가장 우선순위가 높고 그 태그만을 공략한다는 특징이 있지만, 그래서 다른 태그가 반복될 때는 일일이 복붙을 해야 하는 단점이 있다.
internal은 위 inline의 단점을 극복하였다. 적용할 스타일을 html <head>태그에서 종합세트로 준비해놓는다. 하지만 internal은 그 스타일이 해당 .html파일에만 적용된다는 단점이 있다.
external은 위 internal의 단점을 극복하였다. 적용할 스타일을 별도의 .css 파일에 묶어서 관리하고, 그것들을 사용할 html파일에서는 <head>태그 안에 <link>를 건다.
link의 href 경로를 설정할 때, 호스팅이 가능한 대부분의 페이지에서는 "/"가 루트경로로서 맨 앞에 있어야 하는 반면, 로컬에서만 돌리는 연습 페이지에서는 맨 앞에 "/"를 생략해야 한다.
728x90
반응형
'컴퓨터언어 > HTML CSS' 카테고리의 다른 글
| pseudo class와 pseudo element (0) | 2024.11.24 |
|---|---|
| [Flex] 요소 배치 계산은 브라우저에게 맡기자 (0) | 2020.06.09 |
| [CSS] 가운데정렬 (0) | 2020.04.26 |
| [CSS] Position 핵심정리 (0) | 2020.04.26 |
| [CSS] Display : Inline, Block, Inline-Block, None(feat. visibility:hidden) (0) | 2020.04.26 |