1.CSS 구조 및 선언방식

CSS(Cascading Style Sheets)

• 웹의 디자인적 요소(컬러, 폰트 등)를 결정하여 사용자에게 문서를 어떻게 표시할지 정해주는 언어이다.

---

CSS의 기본구조

• selector(선택자) { property(속성) : value(속성값; }

  • 예) div { color : green;}

---

CSS 선언방식

inline

• html 태그 내부에 적용합니다

internal

• style 태그로 지정하며 html head 영역에 선언한다.
• 별도의 css파일을 관리하지않아도 된다.
• 브라우저에 별도의 요청을 보내지 않는다.

external

• 외부파일(.css)로 스타일을 지정합니다.
• link태그로 추가하여 사용합니다.

css 선언방식에 따른 우선순위

• inline > internal == external

  • 겹치는 경우 나중에 선언한 속성이 적용됩니다.