CSS

 

 

 

html이 컴퓨터 언어이면 css는 html의 스타일을 정해둔 시트이다. 

 

 

 

 

 

 

css로 적용시키는 방법은 총 3가지가 있는데, 범위에 따라  

 

엘레멘트 스타일 : html의 태그를 지정해 사용한다. 

 

class : 그룹으로 묶어서  사용할때 사용한다. 

 

id : 독립적인 id로 특정한 조건만 부여할 때 사용할 수 있다. 

 

로 나뉠수 있다. 

 

 

 

 

 

 

 

1. 엘레멘트 스타일

 

 

보통 갈색 글처럼 html 태그를 지정한다. 그리고 괄호 안에 스타일을 지정해 넣어둔다, 

 

 

아래처럼 두곳을 지정해두고, 

 

 

 

 

 

아래처럼 지정되지않은 h5를 제외한 나머지의 색상이 바뀌었다. 

 

 

 

 

 

 

 

 

 

 

2. class 스타일

 

.<text>로 class로 만들 것을 지정해 넣어둔다. 

 

 

그리고 아래처럼 적용할 태그에 class="<class name>" 을 넣어 적용시킨다. 

 

 

결과값

 

 

 

 

 

 

 

3. id 

 

 

#<id name>

으로 지정해 사용하는 방법은 class와 똑같다. 

 

 

 

 

 

 

결과값

 

 

 

 

 

 

 

 

 

 

#주석

 

 

보통 html과 같은 파일에 둘때는 head와 body사이에 둔다 

주석은 

/* <text> */ 로한다.