CSS란?
CSS(Cascading Style Sheet)는 HTML과 함께 웹을 구성하는 기본 프로그래밍 요소이다. HTML이 텍스트나 이미지, 표와 같은 구성 요소를 웹 문서에 넣어 웹 페이지의 구조를 만드는 것이라면 CSS는 이러한 구조에 색상이나 크기, 이미지 크기나 위치, 배치 방법 등 웹 문서의 디자인 요소를 담당한다.
기본 문법
CSS는 선택자와 선언부로 구성된다. 선택잔느 스타일을 지정할 HTML 요소를 가리킨다. 선언부에는 CSS 속성 이름과 값이 포함된다.
선택자 {
속성: 값;
속성: 값;
...
}- CSS 구문은 선택자와 선언부로 구성
- 선택자는 디자인을 적용하고자 하는 HTML 요소
- 선언부는 콜론(:)으로 구분되어진 다수의 항목을 포함
- 각 선언은 항상 세미콜론(;)으로 끝나며, 선언블록은 중괄호({})로 묶음
CSS 적용 방법
1. 내부 스타일시트
<head>
<style>
body {
background-color: red;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body>
...
</body>2. 외부 스타일시트
css를 작성하는 가장 기본적인 방법
<link rel="stylesheet" type="text/css" href="mystyle.css">
<link rel="stylesheet" type="text/css" href="http://cdn.site.com/css/mystyle.css">3. 인라인 스타일
<h1 style="color:blue; margin-left:30px;">This is a heading</h1>
```
