๐ซ ๋ค๋ชจ ๋ฐ์ค ๋์์ธ์ ๋ง์ด ์ฌ์ฉํ๋ CSS ์์ฑ
.box {
margin : 20px;
padding : 30px;
border : 1px solid black;
border-radius : 5px;
}
margin: ๋ฐ๊นฅ ์ฌ๋ฐฑ
padding: ์์ชฝ ์ฌ๋ฐฑ
border: ํ
๋๋ฆฌ(๋๊ป, ์ ์ ์ข
๋ฅ, ์์)
border-radius: ํ
๋๋ฆฌ ๋ฅ๊ธ๊ฒ ์ฒ๋ฆฌ
- div์๋ display : block์ด ๋ด์ฅ
ย
๐ซ inherit(์ผ๋ถ ์์ฑ)
font-size, color, font-family, text-align ์ด๋ฐ ์์ฑ๋ค์ ๋ถ๋ชจ ํ๊ทธ์ ์์ฑํ๋ฉด ํด๋น ํ๊ทธ ์์ ํ๊ทธ๋ค๊น์ง ์ ๋ถ ์์๋๋ค.
ย
๐ซ ์์ : ์ค๋ ๋ง๋ ๋ฐ์ค์ ์ฐ์ธก ํ๋จ ๊ทธ๋ฆผ์๋ฅผ ๋ฃ์ด๋ณด์ญ์์ค.
box-shadow: 10px 10px black;
ย