CSS 기초

블로그를 방치해둔 지 너무 오래되어서...ㅎㅎ;; 간단히 배운 것들이라도 정리해놔야겠다.

 

 

HTML이 웹의 뼈대와 같다면 CSS는 그 뼈대에 살을 붙여주는 역할을 한다. 

CSS를 HTML에 추가하는 방법은 크게 두 가지이다.

 

1. HTML 파일 안에 CSS 코드 삽입하기

2. HTML 파일 밖에 CSS 코드 삽입하기 (CSS와 HTML 분리하기)

확장자가 .css인 파일을 새로 만들고 이 파일을 HTML 파일에 연결한다.

<link href="css 파일" rel="stylesheet" />

CSS를 따로 수정 및 관리하는 것이 더욱 편하기 때문에 외부에 CSS 코드를 두는 것이 좋다고 한다.

---

CSS 코드의 기본 형식은

h1 {

	color: blue;

}

와 같다. h1은 HTML 코드 안에 있는 <h1> 태그를 가리키는 '선택자'이다. HTML 안에 있는 태그를 가리켜서 각종 스타일 옵션들을 추가하는 거라고 보면 된다.

각종 속성들은 중괄호로 묶어주고, 속성: 값; 과 같은 형식으로 작성한다.