CSS 기본 문법
The General Rule
selector{
property: value;
another property: value;
}CSS 주석
/* 내용 */
한 줄 또는 여러 줄을 입력 가능하다.외부 스타일시트
<style> 태그 없이 <link>태그만 사용해 미리 만들어 놓은 외부 스타일 시트 파일 연결한다.
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="app.css">
</head>주요 선택자
전체 선택자
페이지에 있즌 모든 요소를 대상으로 스타일을 적용할 때 사용한다. 기본형: *{ 속성: 속성값; 속성: 속성값;...}태그 선택자
문서에 특정 태그를 사용한 모든 요소에 스타일이 적용된다 기본형: 태그{스타일} h1{ color: blue;}클래스(class)선택자
마침표(.)클래스 이름으로 지정한다. .hello{ }id선택자
클래스 선택자와 다르게 문서 안에서 한번만 사용한다면 id선택자로 정의한다. #id 이름으로 지정한다. #name{ }그룹선택자
같은 스타일을 사용한ㄴ 선택자를 한꺼번에 정의한다. ,로 구분해 여러 선택자를 나열한다. h1{ color: black; } h2{ color: black; } => h1, h2{ color: black; }
화이팅