잉?

CSS란 무엇인가? 본문

웹_WEB/CSS

CSS란 무엇인가?

Jye_647 2019. 12. 5. 17:25

HTML언어를 사용하는 곳에는 대부분 CSS언어가 있다.

그렇다고해서 HTML과 CSS는 같은 언어인가? 아니다. 다른 언어이다.

 

CSS(Cascading Style Sheets)는 HTML과 같은 문서를 디자인해주는 역할을 한다.

 

그럼 왜 HTML에도 디자인하는 기능이 있는데 굳이 CSS를 사용할까?

그 이유는 CSS가 HTML보다 훨씬 효율적으로 디자인을 할 수 있기 때문이다.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
	<a><font color="red">소제목1</font></a>
	<a><font color="red">소제목2</font></a> 
	<a><font color="red">소제목3</font></a>  
</body>
</html>

위의 코드를 보면 HTML로도 <font>태그를 추가하여 글씨 색을 지정 할 수 있다. 

하지만 작은 갯수가 아닌 몇 억개가 되는 갯수의 색을 바꾸려면 한계가 있을 것이다.

 

<!DOCTYPE html>
<html>
<head>
<style>
	a{
	  color:red;
        }
</style>
</head>
<body>
	<a>소제목1</a>
	<a>소제목2</a> 
	<a>소제목3</a>  
</body>
</html>

반면 CSS는 <style>태그를 통해 한번에 색을 다 바꿀수 있다.

한 마디로 중복제거라는 큰 효과를 볼 수 있다는 말이다. → 웹페이지 크기도 줄어든다.

 

물론 웹브라우저 입장에서 <font>태그는 그저 추가하면 되기에 CSS보다는 HTML이 사용하기 쉽다. 

그럼에도 CSS를 사용하는 이유는 폭발적인 효과가 있기 때문이다.

 

이렇게 CSS에 관해 간단히 알아봤는데 다음 시간에는 기본 문법에 대해 같이 알아봅시다.

 

CSS란? - 생활코딩

CSS란? HTML이 정보를 표현한다면 CSS는 HTML을 시각적으로 꾸며주는 역할을 한다. example1.html - 정보로서의 html (jsfiddle, github) 생활코딩이란? 일반인을 위한 프로그래밍 커리큘럼입니다. 누구나 프로

opentutorials.org

 

'웹_WEB > CSS' 카테고리의 다른 글

CSS의 기초  (0) 2019.12.11
'웹_WEB/CSS' Related Articles more
Comments