✅ 읽기
요소에 여백을 스타일 할 수 있는 property
✅ 박스가 차지하는 실질적인 너비
✅ margin: 50px 20px 30px 40px;
.box {
margin-top: 50px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}
✅ Border: 두께 / 선스타일 / 선색깔
.span {
border: 1px; dotted #0000ff;
}
✅ Border-box
* {
box-sizing: border-box;
}
✅ class나 id가 selector일 때 태그와 결합 가능
p{
font-size: 20px;
}
.p-tag {
color: gray;
}
#third-line {
text-decoration: underline;
}
p.p-tag {
color: gray;
}
p#third-line {
text-decoration: underline;
}