border (2) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [CSS] margin, padding / ์ฐจ์ด์ width = width + (padding*2) + (border*2) px ๐ padding vs margin padding, border => width์ ๊ด์ฌ margin => width์ ๊ด์ฌ X (๊ณต๊ฐ๋ค๋ผ๋ฆฌ ์๋ก ๋ฐ์ด๋ด๋ ๊ฒ) margin: 0 auto; : ๊ฐ์ด๋ฐ ์ ๋ ฌ box-sizing: border-box; : border๊ฐ width์ ์ํฅ ์ฃผ์ง ์๊ฒ ํด์ค๋ค. margin์ด ๊ฒน์น๋ฉด, ๋ ์์ margin์ด ์์๋๋ค. ์์ margin์ด ๋ถ๋ชจ๋ฅผ ๋์ด๊ฐ๋ฉด ๋ฏธ์ ์ฉ๋๋ค. => ๊ทธ๋ฌ๋ฏ๋ก, ๋ถ๋ชจ๊ฐ padding์ ๊ฐ์ง๋ ๊ฒ > ์์์ด margin์ ๊ฐ์ง๋ ๊ฒ ์์ margin๊ณผ ๋ถ๋ชจ padding์ ์์ด์ง ์๋๋ค. +๋๋ค. , ํ๊ทธ ๋ฑ์ ๊ธฐ๋ณธ์ ์ผ๋ก margin ๊ฐ์ ๊ฐ์ง๊ณ ์๋ค. css์์ ์์ฑ์.. [CSS] font / background / border ์์ฑ ์ ๋ฆฌ css์์ ์์ฑ์ '์๊ณ ๋ฐฉํฅ'์ผ๋ก ์ ์ฉ 4๊ฐ์ผ ๋ : top right bottom left 2๊ฐ์ผ ๋ : x์ถ(top, bottom) y์ถ(left, right) 1๊ฐ์ผ ๋ : all ๐ Font color : ํ ์คํธ ์์ font-size : ํ ์คํธ ์ฌ์ด์ฆ default : 16px font-weight : ํ ์คํธ ๊ตต๊ธฐ · 100 : thin · 300 : light · 400 : regular · 500 : medium · 700 : bold · 900 : extrabold letter-spacing : ์๊ฐ (๊ธ์ ๊ฐ๊ฒฉ) word-spacing : ๋จ๊ฐ (๋จ์ด ๊ฐ๊ฒฉ) white-space · normal : width์ ๋ง์ถ์ด ์๋์ผ๋ก ์ค๋ฐ๊ฟ default · nowrap : width์ ์๊ด์.. ์ด์ 1 ๋ค์
