CSS의 사용 방법

1. 어디서부터 어디까지가 CSS인지는 <style>태그가 알려준다.

 

<style>
	a{
    		color:black;
            text-decoration:none;
	}
</style>

 

여기서 a는 선택자(Selector),

color:red; 등의 코드는 선언,효과(Declaration)

color 는 속성(Property),

red 는 값(Value)를 의미한다.

 

 

2. 또 다른 방법은 태그를 통하는 것이 아니라 속성을 이용하는 방법이다.

 

...생략...
<li><a href="2.html" style="color:red; text-decoration:underline;">CSS</a></li>
...생략...

 

+) text-decoration 속성은 현재 선택된 웹 페이지 링크에 밑줄을 그을 것인지 아닌지 결정하는 기능이다.

 


요약 : 웹페이지에 CSS를 삽입하는 방법으로는 <style>태그 이용, style 속성 이용 이렇게 두 가지가 있고,

하나의 선택자에 대해 여러 개의 효과를 지정할 수 있는데 그 경우에는 세미콜론으로 구분한다.

'WEB > CSS' 카테고리의 다른 글

미디어 쿼리  (0) 2020.11.04
그리드(grid)  (0) 2020.11.04
박스 모델  (0) 2020.11.04
CSS 속성, 선택자  (0) 2020.11.04
CSS의 등장 배경  (0) 2020.11.04

HTML을 이용하면 전자문서를 만들 수 있다.

즉, 컴퓨터를 통해 정보를 표현할 수 있게 된 것이다.

 

우리의 욕망은 커져

웹 페이지를 좀 더 아름다우면서 보기 좋은 형태로 만들기 위해

CSS를 사용하게 된다.

 

CSS를 사용할 시, 유지보수를 편리하게 할 수 있으며 웹 페이지의 가독성도 높아진다.

디자인과 관련된 코드는 모두 <style>태그 안에 갇혀 있어 디자인과 관련된 것이 필요없다면 

이 부분을 무시하고 봐도 된다.

 

HTML이 중요한 정보 전달에만 전념하도록 디자인 기능을 뺏어온 것이 CSS라 할 수 있다.

 

 

'WEB > CSS' 카테고리의 다른 글

미디어 쿼리  (0) 2020.11.04
그리드(grid)  (0) 2020.11.04
박스 모델  (0) 2020.11.04
CSS 속성, 선택자  (0) 2020.11.04
CSS의 기본 문법  (0) 2020.11.04

+ Recent posts