1. CSS 란

CSS 는 Cascading Style Sheet 의 약자로 HTML, XML 같은 문서를 꾸밀 때 레이아웃, 글꼴, 배경색 등 어떤 스타일로 꾸밀 것인지에 대해 작성한 파일입니다.

전에는 HTML 파일에 문서작업과 디자인작업을 같이 했었지만, 편의를 위하여 두가지를 분리하여 사용하고 있습니다.

 

2. CSS 의 장점과 단점

장점

전에는 하나의 HTML 에서 디자인까지 작업을 하다보니 수정하기가 번거로웠습니다.

HTML 을 하나씩 찾아가며 수정을 해야했지만 CSS로 디자인파일을 분리하여, CSS 파일만 수정하면 그와 관련된 HTML 파일을 수정할 필요없이 한번에 변경이 가능합니다.

또한, CSS 을 전문으로 하는 개발자가 생겨, 디자인영역에 특화된 역할분담이 가능해졌습니다.

단점

CSS 파일을 대량으로 호출하거나 큰 파일을 호출할경우 문제가 생길수 있으나, 단점보다는 장점이 훨씬 많은 것 같습니다.

 

3. CSS 문법

CSS 사용하는 방법은 크게 3가지가 있습니다.

 ㄱ. link 를 사용하여 외부 CSS 사용

<head>
<link rel="stylesheet" href="/style.css" type="text/css">
</head>
 

 ㄴ. HTML 의 head 절에 style 태그 사용

<head>
<style>
table {
width: 100%;
border: 1px solid black;
}
td, th {
border: 1px solid black;
padding: 5px;
}
</style>
</head>

 

 ㄷ. HTML 에 style 속성 사용

<body>
<table border="2" width="500" height="70" cellpadding="5">
<tr align="center">
</tr>
</body>