728x90 ๋ฐ์ํ HTML + CSS ์๋ฆฌ์ฆ๐ธ/HTML & CSS ์๋ฆฌ์ฆ(V 1.0)25 ํ ์คํธ ํฌ๊ธฐ ์ ํฐํธ ์ค์ ๋ฐฉ๋ฒ!~ | HTML&CSS ์๋ฆฌ์ฆ17 ํ ์คํธ ํฌ๊ธฐ๋ฅผ ๋๋๋ ๋ฐฉ๋ฒ -. ์ ๋์ : px (ํฝ์ ), pt (ํฌ์ธํธ) -. ์๋์ : em , % (๋ถ๋ชจ์์์ ํฌ๊ธฐ๋ฅผ ๊ธฐ์ค์ผ๋ก ํ์ฌ ๋ํ๋) em ์ ๋ญ๊น? -> %์ ๋น์ท?ํ๋ค. * 1.5em = 150% 1 em = 100% ์ผ๋ก ๋ํ๋. ํฐํธ ์ค์ ๋ฐฉ๋ฒ!! ์ ์ฌ์ง์ ์ค๋ช ํ์๋ฉด,, *css๋ถ๋ถ ์ค๋ช 1. pํ๊ทธ์ ๋ถ๋ถ์ ์คํ์ผ ํ๊ธฐ ์ํด p{} 2. font-family ๋ฅผ ์ด์ฉํ์ฌ ํฐํธ๋ฅผ ์ค์ ํ๋ค. 3. font-family ์์ฑ์ ๊ฐ์ ์ฌ์ง์์๋ 3๊ฐ์ง๋ฅผ ์ ๋ ฅํ์๋ค. - ์ 3๊ฐ์ง ์ ๋ ฅํ์ง?? : 3๊ฐ์ง ํฐํธ ๋ชจ๋ ์ฌ์ฉํ๊ณ ์ํ์ฌ 3๊ฐ์ง๋ฅผ ์ด๊ฒ์ด ์๋๋ผ 1๋ฒ์งธ times new roman ์ฒด๊ฐ ์ปดํจํฐ๋ด์ ์๋ค๋ฉด ๋ค์ ๊ถ์์ฒด ํฐํธ๋ฅผ ๊ทธ๊ฒ๋ ์๋ค๋ฉด ๋ค์ serif ํฐํธ๋ฅผ.. ์ด๋ ๊ฒ ์ฐ์ ์์๋ผ๊ณ ๋ณผ .. 2021. 7. 23. font-weight? , ๊ฐ์ด๋ฐ ์ ๋ ฌ์ด ์๋ ๋? | HTML&CSS ์๋ฆฌ์ฆ16 font-weight ์ผ๋ก ํฐํธ ๊ตต๊ธฐ๋ฅผ ์ค์ ํ ์ ์๋ค. ๊ฐ์ ์์๋ก๋ 100~900 ์ด ์๋ค. 100์ด ๊ฐ์ฅ ์๊ณ , 900์ด ๊ฐ์ฅ ๊ตต๋ค. ๊ฐ์ด๋ฐ ์ ๋ ฌ์ด ์๋๋ ๊ฒฝ์ฐ๋ฅผ ์๋ ์ฌ์ง์ ์ฌ๋ ค๋์๋ค. ์ด์ฒ๋ผ ํ๊ทธ์ ๋งํฌ๋ฅผ ํ์ํ๋ ๋ถ๋ถ์ ์ค์์ผ๋ก ์ค์ ํ์์ง๋ง, ์ผ์ชฝ ์ ๋ ฌ์ด ๋์ด์๋ค. ๊ทธ๋ ๋ค๋ฉด ์ด๋ป๊ฒ ํด๊ฒฐํ ์ ์์๊น? div ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ฉด ๋๋ค. div ์์ aํ๊ทธ๋ฅผ ๋ฃ์ผ๋ฉด ์ด ๋ฌธ์ ๋ฅผ ๊ฐ๋จํ๊ฒ ํด๊ฒฐ ํ ์ ์๋ค. 2021. 7. 23. ๊ฟ ํ ์ฌ์ดํธ: JSFiddle | HTML&CSS ์๋ฆฌ์ฆ 015 https://jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net JSFiddle - Code Playground jsfiddle.net ์ ์ฌ์ดํธ๋ ๋ฐ๋ก ํ๋ก๊ทธ๋จ ์์ด ๊ทธ๋ฅ ์น์์ ๋ฐ๋ก ํ๋ก๊ทธ๋๋ฐ์ ํ ์ ์๋ ์ฌ์ดํธ ์ ๋๋ค. ๋ํ ์์ฑํ save ๋ฅผ ๋๋ฅด๋ฉด ์๋ก์ด ์ฃผ์๊ฐ ์๊น๋๋ค. ๊ทธ๋ ๋ค๋ฉด ์ด๊ฑธ ํ์ฉํ์ฌ ๊ถ๊ธํ์ ์ด๋ ์ค๋ฅ๊ฐ ๋ฐ์ํ์๋ ์ด ์ฃผ์๋ฅผ ๋ณด๋ด์ด์ฃผ๋ฉด ํจ์ฌ ์ข์๊ฑฐ ๊ฐ์ต๋๋ค. 2021. 7. 23. ์ฝ๋ฉํธ(comment) ์์ฑ ํ๋ ๋ฐฉ๋ฒ | HTML&CSS ์๋ฆฌ์ฆ 014 ์ฝ๋ฉํธ์ ๋ํด ์๋ ค์ค~~~ html ์ฝ๋ฉํธ ์์ฑ ํ๋ ๋ฐฉ๋ฒ ์ฝ๋ฉํธ๋ฅผ ์์ฑํจ์ผ๋ก์จ, ์ฝ๋ฉ์ ์ฃผ์์ ๋ฌ์์ฃผ๋ ์ด์ ์ ๊ฐ์ด ํ๋์ ์ด๋ค ์ฝ๋์ธ์ง ์ดํดํ ์ ์๋ค. ์ฝ๋ฉํธ๋ ๊ธด ์ฝ๋์ผ์๋ก ๋น์ ๋ฐํํ๋ค. css ์์๋ ์ฝ๋ฉํธ๊ฐ ์กด์ฌํ๋๋ฐ css ์ฝ๋ฉํธ ์์ฑํ๋ ๋ฐฉ๋ฒ /* ์ฝ๋ฉํธ ์์ฑ */ *๋ค๋ค ์๋ค ์ํผ ์ฝ๋ฉํธ๋ ํ๋ก๊ทธ๋จ ์คํ์ ์ถ๋ ฅ๋์ง ์๋๋ค. ๊ทธ์ ๋ณต์กํ ๋ถ๋ถ๋ค์ ์ค๋ช ํจ์ผ๋ก์จ ์ง์ ๋ถํด ๋ณด์ผ ์ ์๋ ์ฝ๋๋ฅผ ๊น๋ํ๊ฒ ์ ๋ฆฌํด์ฃผ๋ ์ค์ํ ์ญํ ์ ํ ๋ฟ์ด๋ค. ์ถ๊ฐ๋ก ๋ค๋ฅธ ๊ฐ๋ฐ์๊ฐ ๋ณธ์ธ์ด ๋ง๋ ์ฝ๋๋ฅผ ๋ดค์๋ ์ฝ๋ฉํธ๊ฐ ์๊ณ ์๊ณ ์ฐจ์ด๋ ๊ฝค ํด ๊ฒ ๊ฐ๋ค. 2021. 7. 23. ์ด์ 1 2 3 4 5 6 7 ๋ค์ 728x90 ๋ฐ์ํ