반응형
CSS 적용 방법
- 인라인 스타일 (inline style) 방식
- HTML 문서의 태그가 있는 라인 마다 style 속성으로 CSS 코드를 작성
- 공통 속성을 부여하지 못하며, css 코드 분리가 되지 못해 유지보수 적합하지 않음
- 임베디드(Embedded) 방식, 내부 스타일 시트 (internal style sheet) 방식
- <head> 태그 안에 <style> 태그를 두고 CSS 코드를 작성
- 코드 양이 많지 않거나, 해당 페이지에만 적용되는 스타일을 적용할 때 유용
- 링킹 스타일 시트 (linking style sheet) 방식
- HTML과 CSS를 분리하여 link로 연결하여 사용
- 가장 널리 사용
반응형
'CSS > CSS' 카테고리의 다른 글
[CSS] CSS 상속 및 초기화 (0) | 2025.06.18 |
---|---|
[CSS] Flex (0) | 2025.06.17 |
[CSS] font-size (0) | 2025.06.13 |
[가상 요소 선택자] first-letter, first-line (0) | 2023.01.30 |
[상태클래스] UI 상태 가상 클래스 (0) | 2023.01.19 |