CSS 무엇인가? | HTML & CSS 시리즈 005

HTML 은 알겠는데 CSS 는 뭐야?

이처럼 html 은 내용을 css 는 스타일을 담당한다고 보면 된다.

 

마치 폰트 크기(Font-size), 텍스트 정렬(text-align), 텍스트 색(color), 여백(margin) 이런 모든 꾸며주는것들을 당당하는게 CSS 이다.

 

위에 사진을 보면 <style> 밑으로 부터 CSS 라고 보면된다.

말 그대로 스타일 담당 하는 코드들인데

작성법은

1. 스타일 해주고 싶은 태그를 먼저 적어준다. ex) h 또는 p 또는 

p 안의 em을 스타일 해주기위해서는 p em { 블라블라; } 

 

2. 위에서는 h (헤더)를 꾸며주기위해 h 를 먼저 적고 { }를 적는다.

 

3. 그리고 { } 안에 다가 스타일 코드를 적으면 되는데 위 코드를 보면, 텍스트 사이즈 , 텍스트 위치 에 대해 설정 해주

다. 64픽셀, 중앙으로 말이다.

 

4. 그리고 끝에는 무조건 (세미콜론 ; )을 적어야 한다. html에서는 태그를 닫아주는것처럼 css에서 세미콜론은 필수중에 필수이다. 

 

 

 

* p태그 안에 i태그가 여러개 있으면 어떻게 따로따로 하나요?

 

=>

<p><i>Hello</i> <i>World!</i></p>

이럴 때는 아래와 같이 css 코드를 작성하면 된다.

 

p i:nth-of-type(1){  }
p i:nth-of-type(2){  }

nth-of-type 을 활용하는게 핵심이다.