[ CSS 입문 ] 태그 선택자

728x90

| 태그 선택자 개요

태그이름 { 속성1: 속성값1; 속성2: 속성값2; }

위 와 같이 사용되며 태그가 문서내 한개라면 해당 태그 한개에만 적용되지만,

문서내에 태그가 여러개가 존재한다면 같은 태그이름의 태그 전부에 {} 괄호 안 스타일 내용이 적용됩니다.

속성과 속성값은 : (콜론)으로 연결하여 작성하며, 속성과 속성 사이에는 ; (세미콜론)으로 분리합니다.

세미콜론의 경우 {}괄호 안 제일 마지막 속성값을 입력한 후 제외가 가능하지만, 추후 관리나 유지보수를 하는데 있어

번거로움을 줄이고자 한다면 항상 문장의 마침표처럼 속성과 속성값을 입력 후에는 세미콜론으로 마침표를 찍어주는게 좋겠습니다.

span { color:red; }
div { color:blue; }

<html>
<body>
   <span>span태그</span>
   <div>div태그</div>
</body>
</html>

span태그

div태그

728x90