calc()
괄호 안의 식 사칙연산 (width, height, margin, padding값)
- 값의 %을 나누기 애매할 경우 사용
- 브라우저 크기에 따라 요소의 너비와 높이가 변화해야하는 경우 사용
width : clac(100% / 3) - li태그 3등분
width : calc(100% - npx); - 전체에서 npx(=다른 요소의 width px+여백 px)을 뺀 남은부분 형성
width : clac((100 - npx) / 3) - 남은 부분을 3등분
👌 앞뒤로 띄어쓰기 유의
👌 calc 스펠링 유의
%을 사용하는 속성
top, left, right, bottom, border-radius 등에는 %만 사용
width, height 등은 px와 % 모두 사용한다
꼭 붙어 나오는 것들
position:absolute -> position:relative
float:left -> overflow:hidden
position:relative, overflow:hidden 모두 감싸고 있는 부모에 속성을 줘야 함
왕따 선택자
.bottom-area ul li+li{
: 첫번째 li는 속성 적용 안되고, 2번째 li부터 속성 적용
.bottom-area ul{}
.bottom-area ul li{}
.bottom-area ul li+li{
margin-top: 10px;
}last-child는 굳이 새로 태그 안만들어줘도 마지막 속성이면 사용해서 적용
.box .div:last-child{
