CSS 문법 정리 (tag, id , class)


CSS 문법 정리 (tag, id , class)

CSS를 활용할 때 사용되는 문법을 정리해보았습니다. 크게 3가지 유형으로 나뉘는 데요 1.태그 태그는 그냥 냅다 적어줍니다. body{ color : white; } 이렇게 말입니다. 2.class class를 사용할 때는 앞에 (.)온점을 넣어줍니다. .container{ background-color : blue; } 3.id id를 사용할 때는 앞에 (#)을 넣어줍니다. #first{ font-size : 30px } 여기서 class와 id의 차이가 나옵니다. class는 여러 개를 사용할 수 있지만 id는 단 한 개만 사용가능합니다. 그렇기 때문에 css에서는 우선순위 순서가 존재합니다. 영향을 끼치는 영역이 작을수록 우선순위가 높아집니다. html, body, .container, #first가 있다고 합시다. 여기서 가장 많은 영향을 미치는 순서대로 html, body, .container, #first입니다. 그렇기 때문에 예를 들어 body가 글자색을 파란색으로 지...



원문링크 : CSS 문법 정리 (tag, id , class)