ํฐํธ ์ฌ์ด์ฆ ์ง์
๋จ์๋ก๋ px, em, rem ๋ฑ ์ฌ์ฉ ๊ฐ๋ฅ
rem ๋จ์๋ root element(html)๋ฅผ ๊ธฐ์ค์ผ๋ก ์๋์ ์ผ๋ก ๊ฐ์ ์ง์ ํ๋ค. ํฌ๋กฌ ๋ธ๋ผ์ฐ์ ์ ๊ธฐ๋ณธ ํฌ๊ธฐ๋ 16px๋ก rem ์ง์ ๊ฐ์ ๋ง์ถฐ 16px์ ๊ณฑํ๋ฉด ๋๋ค.
rem
์ ํ ์คํธ ํฌ๊ธฐ ๋ฟ ์๋๋ผ, ๋ํ ํฌ๊ธฐ ์ง์ ๋ฐ ํ๋ฉด ๋ถํ ์์๋ ์ฌ์ฉํ ์ ์๋ค.font-size: 3rem; //48px
ํฐํธ ์คํ์ผ ์ง์
font-style : italic //๊ธฐ์ธ์์ฒด
๊ธ์ ๊ตต๊ธฐ
font-weight: bold //๊ตต์ ํ ์คํธ ํํ
ํ ์คํธ ์ ๋ ฌ๋ฐฉ๋ฒ ์ง์
์ข ๋ฅ | ์๋ฏธ |
---|---|
left | ์ข์ธก์ ๋ ฌ |
right | ์ฐ์ธก์ ๋ ฌ |
center | ์ค์์ ๋ ฌ |
justify | ์ข์ฐ๋ฅผ ๊ท ๋ฑํ๊ฒ ๋ถ๋ฐฐํ์ฌ ์ ๋ ฌ |
๊ธ์ ๊ฐ๊ฒฉ ์ง์
์์,์์ ๋ชจ๋ ์ง์ ๊ฐ๋ฅํ๋ฉฐ -๊ฐ์ด ์ปค์ง์๋ก ๊ฐ๊ฒฉ์ด ์ค์ด๋๋ฉฐ, +๊ฐ์ด ์ปค์ง์๋ก ๊ฐ๊ฒฉ์ด ๋์ด์ง๋ค.letter-spacing: -0.5rem; letter-spacing: 1rem;
px,em,rem ๋จ์๋ฅผ ์ฌ์ฉํด ์ค ๊ฐ๊ฒฉ ์ง์ ์ด ๊ฐ๋ฅํ๋ค.
Css ๋ก๊ณ ์ฐธ์กฐ
https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/1452px-CSS3_logo_and_wordmark.svg.png
๊ธ ์ ๋ดค์ต๋๋ค, ๋ง์ ๋์์ด ๋์์ต๋๋ค.