[Web] CSS 기초

p {
  color : red;
}​

선택자

• 맨 앞에 있는 HTML 요소 이름
• 예) p가 선택자에 해당

선언

• color : red와 같은 선언을 의미

여러 요소를 선택하는 경우

콤바로 구분하여 여러 요소를 선택 가능

p,li,h1 {
  color: red;
}

요소 정의 방법

이름	선택 항목	예
요소(여러 항목 가능)	특정 HTML 태그를 의미	p <p>를 선택
아이디	특정 아이디를 가진 태그를 의미	#my-id <p id="my-id">
클래스	특정 클래스를 가진 태그를 의미	.my-class <p class="my-class">
속성	특정 속성	img[src] <img src="myimage.png">
수도(pseudo) 클래스	특정 태그가 특정 상태인 경우에 해당	a:hover <a> 를 선택하는데 마우사 포인터가 링크 위에 있는 경우만 해당

---

출처 : https://developer.mozilla.org/ko/docs/Learn/Getting_started_with_the_web/CSS_%EA%B8%B0%EB%B3%B8