margin > border > padding
- margin: 테두리 바깥의 여백
- border: 테두리
- padding: 테두리 안쪽의 여백
ex.margin: top right bottom left
box-sizing: border-box : width 안에 border와 padding까지 계산
상속? 부모태그의 영향으로 자식태그의 스타일이 적용되는 것
자식이 스타일 가지고 있으면 자식의 스타일 적용
<div>부모
<span>자식
</span>
</div>
div {스타일} -> span에도 적용그룹? 여러 태그에 같은 스타일 부여하고 싶은 경우
.class1, div {
스타일
}css 선택자와 우선 순위
-
class나 id가 selector일때 태그와 결합
p.class1 <- 공백없음 -
여러 selector를 사용 - "내부에 있는"
.class2 span <- 공백있음 -
tag <<<<< class <<<< id <<<<<< inline css
css 이미지 추가
- <img alt="" src="">
src: 이미지 파일 경로 or 이미지 url 주소
alt: 이미지가 뜨지 않았을 때 이미지 대신 보여줄 텍스트
- <div class="bg">
.bg {
background-image:
}