CSS 사용하기

CSS를 처음으로 사용해보았다. CSS는 브라우저에서 HTML element의 모양을 제어하고 원하는 디자인(스타일, 레이아웃 등)을 사용하여 문서를 표시해주는 역할을 한다. 여기서 문서는 일반적으로 HTML같은 마크업 언어를 사용한 텍스트 파일을 뜻한다.

<h1 style="font-family: sans-serif; text-align: center; color: red">sol's challenge for Friday, May 6th</h1>
<p>Learn about the basics of web development - sepcifically dive into HTML & CSS.</p>

(참고로 p태그는 paragraph. 즉 단락을 의미하는 태그이다)

CSS를 사용할 때는 먼저 표준 속성 목록에 있는 속성 중 하나를 선택하고 해당 속성에 적용가능한 CSS를 입력해야 한다.
위의 코드로 치면

<h1 style="font-family

그 후 콜론(:)을 붙이고 해당 CSS 속성에 대한 값을 입력한다.

<h1 style="font-family: sans-serif

이후에 다른 속성을 선언하고 싶다면 속성 값 뒤에 세미콜론(;)을 붙인 후 선언한다.

<h1 style="font-family: sans-serif; text-align: center; color: red">sol's challenge for Friday, May 6th</h1>

font-family는 글꼴, text-align은 텍스트의 위치, color는 텍스트의 색을 지정하는 CSS이다.

CSS를 지정하지 않은 것과 비교할 때 페이지의 제목이 가운데 정렬, 글자색 빨강으로 변했다. 글꼴은 아무튼 sans-serif으로 바뀐 것 같다.