CSS란 무엇인가?
CSS(Cascading Style Sheets)는
HTML을 꾸며주는 언어로 HTML을 보기 좋게 디자인하는 역할을 한다.
CSS 문법
- CSS는 꾸밀 대상이 되는 요소
셀렉터와 어떻게 꾸밀 건지에 대한선언 블록으로 이루어져 있습니다. 선언 블록은 크게선언으로 나뉘어 있다.선언은property와property vaule로 이루어져 있다.여러 개의 property를 연속해서 지정할 때는 세미콜론(;)으로 구분한다.
HTML과 CSS의 연동
1. Inline
- 해당 요소의 style 속성을 이용하여 CSS 기술하는 방식
📝코드
<!DOCTYPE html>
<html>
<body>
<div style="color:red;"> Inline </div>
</body>
</html>❓ 참조
HTML의 속성은 Attribute
CSS의 속성은 Property
💻결과
2. Internal
- HTML 내부에 CSS을 기술한 방식
📝코드
<!DOCTYPE html>
<html>
<head>
<style>
div {color: red;}
</style>
</head>
<body>
<div> Internal </div>
</body>
</html>❓ 참조
HTML의 속성은 Attribute
CSS의 속성은 Property
💻결과
3. External
- 외부 스타일 시트 파일을 이용한 방식
📝코드
<link>태그의 href속성에는 CSS 파일의 경로를 명시<link>태그의 rel속성에는 연결되는 파일이 문서와 어떤 관계인지 명시
💻결과
Reference
