CSS 기초

css (Cascading Style Sheets)

: CSS는 사용자가 HTML 문서에 작성된 콘텐츠를 잘 이해할 수 있도록 꾸며주는 역할!

body {
	color : red;
	font-size : 30px;
}

---

selector

기본 셀렉터

• id : #으로 선택 , 한 문서에 하나의 요소만 적용, 특정 요소 이름 붙일 때 사용
• class : .으로 선택, 동일한 값을 갖는 요소 많음, 스타일 분류에 사용

색상

.box{
	color: #155724; /* 글자 색상 */
    background-color: #d4edda; /* 배경 색상 */
    border-color: #c3e6cb; /* 테두리 색상 */
}

글꼴 (font-family)

크기 (font-size)

기타 스타일링

• 굵기: font-weight
• 밑줄, 가로줄: text-decoration
• 자간: letter-spacing
• 행간: line-height
• 정렬: text-aline

단위

• 절대 단위: px, pt 등
• 상대 단위: %, em, rem, ch, vw, vh 등

---

박스모델

• border (테두리)

  p {
  	border : 1px solid red;
  }``
  

• margin (바깥 여백 / 시계방향으로!)

• padding (안쪽 여백)

• border-box

---

selecter