DAY2) CSS

CSS

CSS 문법

div {
 font-size: 20px;
 color: red;
}

선택자 {
  속성: 값;
  속성: 값;
}

선택자의 역할
HTML에 스타일(CSS)을 적용하기 위해 특정한 요소를 선택하는 sign

<div>
  <h1>제목..</h1>
  <p>본문..</p1>
</div>

h1 {
 color: red;
}
p {
 color: blue;
}

속성(Properties)과 값(Value)

div {
  color: red; /* 글자색은 빨강 */
  font-size: 20px; /* 글자 크기는 20px */
  width: 300px; /* 가로 너비는 300px */
  margin: 20px; /* 바깥 여백은 20px */
  padding: 10px 20px; /* 안쪽 여백은 위아래 10px, 좌우 20px */
  position: absolute; /* 위치는 부모 요소 기준, 흠.. 이게 무슨 뜻일까? */
}