반응형

CSS 적용 순서

  1. 스타일을 만든다.
  2. HTML태그 선택
  3. CSS 스타일을 HTML태그에 입히기
/* 예시 */

.text-red {
	color:red;
}

/*
스타일 이름 { 스타일 정의
	정의한 스타일 내용
}
*/

 

CSS Reference - 속성 값 참조

https://www.w3schools.com/cssref/default.asp

 

CSS Reference

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

HTML 태그 선택하는 방법

1. 태그에 직접적으로 주는 방법

2. id 를 이용하는 방법

3. class 를 이용하는 방법

 

가장 일반적으로는 class 를 이용하는 방법으로 쓰인다.

 

HTML

<div class="text-red">예시용 text입니다.</div>

CSS

.text-red {
	color:red;
}

 

반응형

'programming > HTML, CSS' 카테고리의 다른 글

[WEB] CORS  (0) 2022.06.07
html 자주 사용하는 태그들  (0) 2022.05.12
[tip] 아이디어를 떠올리기 좋은 사이트  (0) 2021.09.14
[html] 반응형 html 페이지  (0) 2021.09.07
[html] html 기본  (0) 2021.08.21
복사했습니다!