CSS/CSS

[CSS] CSS 적용 방식 (inline, embedded(internal), external)

ui-o 2025. 6. 13. 17:46
반응형

CSS 적용 방법

  1. 인라인 스타일 (inline style) 방식
    • HTML 문서의 태그가 있는 라인 마다 style 속성으로 CSS 코드를 작성
    • 공통 속성을 부여하지 못하며, css 코드 분리가 되지 못해 유지보수 적합하지 않음
  2. 임베디드(Embedded) 방식, 내부 스타일 시트 (internal style sheet) 방식
    • <head> 태그 안에 <style> 태그를 두고 CSS 코드를 작성
    • 코드 양이 많지 않거나, 해당 페이지에만 적용되는 스타일을 적용할 때 유용
  3. 링킹 스타일 시트 (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