스파르타 코딩클럽 1주차 - 03

CSS 기초

  • HTML 부모-자식 구조 살펴보기

  • html 태그는"누가 누구 안에 있느냐"를 이해하는 것이 가장 중요, 나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받음

  • CSS 기초 사용법

<head> ~ </head> 안에 <style> ~ </style> 로 공간을 만들어 작성
mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라고 써주어야 함

CSS 기초 코드

배경관련
background-color
background-image
background-size
background-position

사이즈
width
height

폰트
font-size
font-weight
font-famliy
color

간격
margin (바깥의 여백)
padding (안의 여백)
ex)
margin-top: 20px;
margin-left: 30p;
margin: 20px 0px 0px 30px; (시계방향)
margin: auto;
text에 적용할때는 display: block; 적용

좋은 웹페이지 즐겨찾기