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

+ Recent posts