[K-Shield][Jr] CSS(Cascading Style Sheets)

HTML 문서의 레이아웃과 디자인을 포함한 시각적 요소를 정의하기 위한 규격

• 콘텐츠의 위치, 정렬, 글자크기, 여백, 색상 등 시각적인 요소를 정의한다.

 

 

css는 코드를 작성하는 위치에 따라 인라인, 인터널, 익스터널 CSS로 구분한다.

• Inline CSS : 적용할 HTML 태그에 style 요소를 이용하여 시각적인 요소를 적용하는 형태
• Internal CSS : HTML 문서 내 HEAD 태그에 style 요소를 이용하여 시각적인 요소를 적용하는 형태
• External CSS : HTML 문서와 별개로 CSS 파일에 작성하며 링크를 통해 시각적인 요소를 적용하는 형태

 

Inline CSS는 적용할 HTML 태그에 style 요소를 이용하여 시각적인 요소를 적용한다.

• HTML 문서 내에 작성하기 때문에 원하는 곳에 쉽고 빠르게 시각적인 요소를 적용할 수 있다.
• External CSS와 다르게 별개의 CSS파일을 필요로 하지 않는다.

 

Internal CSS는 적용할 HTML 문서 내 HEAD 태그에 style 요소를 이용하여 시각적인 요소를 정의한다.

• HTML 문서 내에서 별도로 작성하므로 문서 내에 선언되는 태그, 클래스, ID선택자 등을 지정하여 디자인 적용이 가능하다.