CSS의 등장
본디 HTML에는 font라는 글자를 꾸미기 위한 태그가 존재한다. 따라서, 사실 CSS 없이도 글자의 색을 바꾸는 등의 작업은 충분히 할 수 있다.
TCP School html-font (HTML5에서는 지원되지 않는다는 듯)
그러나, 이 것에는 두 가지 문제점이 존재하는데,
- 사이트의 내용에 관한 정보가 아닌, 다른 정보가 섞이게 되어 비효율적이다.
- 텍스트 하나하나에 모두 태그를 작성해야 하기 때문에 귀찮다.
따라서 웹사이트를 디자인하는 데에는, HTML이 아닌 CSS(Cascading Style Sheets)가 사용된다.
CSS를 적용하는 방법
CSS의 적용방법은 두 가지가 있다.
- 한 줄에만 효과를 적용하고 싶을 때
먼저, 뒤에 나오는 코드가 CSS라는 것을 알려주기 위해 style 태그를 붙인다. 그 뒤, 본인이 원하는 효과를 입력하면 된다.
<a href = "2.html" style = "color: red"> HTML </a>- 한 태그에 대해 일괄적으로 효과를 적용하고 싶을 때
head 태그 안에 style 태그를 작성한다. 그 후, 선택자{선언}의 형식으로 작성해주면 된다.
<head>
<title></title>
<style>
a { // 선택자
color: red; // 속성: 값
font-size: 10px;
}
</style>
</head>이 것을 알면 어떤 태그든 어떤 효과든 검색을 통해 알아낼 수 있다.
학부생