less than 1 minute read

CSS 기본 문법

  1. 가독성을 위한 표시 방법
선택자{
	속성: 속성값; /*권장!*/
}
선택자{속성: 속성값;}/*권장❌*/
  1. 선택자의 역할
  • 스타일 속성과 값을 지정할 대상을 검색

(예시) 태그 선택자

div{
	color:teal;
}
  1. 속성(property)과 값(value)의 역할
  • 검색된 대상에 지정될 CSS를 명령
  • (아래의 예시) div 태그 요소에 대해서 글자색(color▶️property)를 빨간(red▶️value)색으로 지정해주라는 의미
div{
	color:red;/* :는 편의상 =로 보는 것이 이해가 빠르다!*/
}
  1. 주석(Comment)
  • /**/ 로 CSS 내부에서 수정사항이나 설명 등을 작성
  • 브라우저 입장에서는 코드로 작성되지 않음

Updated: