CSS
= 웹페이지를 아름답게 꾸미기 위한 태그
1. CSS와 태그의 차이점
- font 태그 : 태그에 컬러 입히기 // html 태그
<li><a href="2.html"><font color="red">CSS</font></a></li>[code]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> WEB1 - CSS </title>
</head>
<body>
<h1><a href="index.html"> WEB </a></h1>
<ol>
<li><a href="1.html"><font color="yellow">HTML</font></a></li>
<li><a href="2.html"><font color="yellow">CSS</font></a></li>
<li><a href="3.html"><font color="yellow">JavaScript</font></a></li>
</ol>
</body>
</html>[show]
※ 만약 여러 문장의 컬러를 모두 같게 해줘야 한다면, font태그를 일일이 적용해야 한다는 불편함이 있다 ☞ CSS 는 이러한 불편함을 해결할 수 있다 !
2. CSS 사용
- style 태그
<style>
a {
color:yellow;
}
</style>[code]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> WEB1 - CSS </title>
<style>
a {
color: yellow;
}
</style>
</head>
<body>
<h1><a href="index.html"> WEB </a></h1>
<ol>
<li><a href="1.html">HTML</a></li>
<li><a href="2.html">CSS</a></li>
<li><a href="3.html">JavaScript</a></li>
</ol>
</body>
</html>
[show]
☆ 태그를 사용한 결과값과 동일한 결과를 얻을 수 있다.
3. CSS 등장 및 도입
- 등장 : html이 정보에 전념하기 위해서 html로부터 디자인 기능을 따로 빼서 CSS로 만들었다
- 도입 : 웹페이지를 디자인할 때, html 태그를 이용하는 것보다 CSS를 사용하는 것이 훨씬 효율적이다.
자라나라 개발개발 ~..₩