CSS 기본

CSS Cascading Style Sheets

• 웹 페이지의 스타일을 정의 하는 스타일 시트 언어

css기본구조

선택자, 속성, 값 으로 구분

선택자 {
  속성: 값;
}

선택자 selector

• 스타일을 적용할 html 요소를 선택한다

/* h1 태그를 선택 */
h1 {
}

/* class가 "title"인 요소를 선택 */
.title {
}

/* id가 "header"인 요소를 선택 */
#header {
}

속성 property & 값 value

• 속성: 스타일 (글자 색, 크기, 너비, 높이 등)의 종류
• 값: 스타일의 구체적인 값

p {
  color: red; /* 빨간색 */
  font-size: 16px; /* 16픽셀 크기 */
  background-color: yellow; /* 노란색 배경 */
}