๊ทน๋จ์ ์ธ ์ํฉ์ ๊ฐ์ ํด๋ณด๋ผ
์๋ง์ html ํ์ด์ง์์ ๋์ผํ <sytle></style>์ ์ ์ฉํด์ค์ผ ํ๋ ์ํฉ,
๋ง์ฝ ๋ฐ๊ฟ์ค์ผ ํ๋ ๋์ผํ ๋ด์ฉ์ด 1์ต๊ฐ์ ํ์ด์ง์์ ๋ฐ์ํ๋ค๋ฉด?!
์ด ๋์ ๋์ฐํจ์ ๋ง์์ฃผ๊ธฐ ์ํด, style.css๋ผ๋ ํ์ด์ง๋ฅผ ๋ฐ๋ก ๋ง๋ จํด์ฃผ๊ณ , ๊ธฐ์กด html์ <style></sytle> ์ฌ์ด์ ๋ค์ด์๋ ๋ด์ฉ์ ๋ณต์ฌ ๋ถ์ฌ๋ฃ๊ธฐ ํด์ค๋ค.
๊ทธ๋ฆฌ๊ณ <style>ํ๊ทธ๊ฐ ์๋ ์๋ฆฌ์ ๋ค์๊ณผ ๊ฐ์ด ์ ๋ ฅํด์ค๋ค.
<link rel= "stylesheet" href="style.css">
style.css๋ก ์ฐ๊ฒฐํ๊ณ , ๊ทธ ์์ ๋ค์ด์๋ ๋ด์ฉ๋ค์ ์ํํด ๋ง์น <style>ํ๊ทธ์ ๋ค์ด์๋ ๊ฒ์ฒ๋ผ ์๋ํ๋ ด~์ด๋ผ๋ ๋ป์ด๋ค.
๋ฐ๋ก ์ด๋ ๊ฒ!
style.css๋ก ๋ฐ๋ก ๋นผ์ฃผ์ง ์์ ๋์๋, ๊ฐ๊ฐ์ ํ์ด์ง์์ <style>์ ํ์ธํด์ค์ผ ํ๋ค. ์ฆ, ์ฝ๋์ ๊ธธ์ด๊ฐ ๊ธธ์ด์ก์ ๋ ์ผ์ผ์ด ํ์ธํ๊ธฐ ์ด๋ ค์ธ ๊ฒ์ด๋ค. (๊ฐ๋ ์ฑ, ์ ์ง /๋ณด์ ๋์ผ ์ ์์ด!)
์นํ์ด์ง์์ ๊ฐ๋ฐ์ ๋๊ตฌ > source๋ฅผ ๋ณด๋ฉด, ๋ฐ๋ก style.css์ด ์๋๊ฑธ ๋ณผ ์ ์๋ค.
ํธ๋ํฝ ์ฌ์ฉ๋ฃ๋ ๋ ๋ด๊ณ , ๋ค์ํ ๊ฒฝ์ ์ ํจ๊ณผ๋ ์ป์ ์ ์๋ค.
'๐ป Deep Wide Programming > Html & Css' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Html] ol, ul, li ์ฌ์ฉ๋ฐฉ๋ฒ ๊ฐ๋จ ๋ฉ๋ชจ (0) | 2020.08.16 |
---|---|
[์ํ์ฝ๋ฉ] WEB2 CSS- ๋ฏธ๋์ด์ฟผ๋ฆฌ (0) | 2020.07.28 |
[์ํ์ฝ๋ฉ] WEB2 CSS -10๊ฐ, 11๊ฐ (div์ grid) (0) | 2020.07.28 |
[์ํ์ฝ๋ฉ] WEB2 CSS- 6๊ฐ, 7๊ฐ, 8๊ฐ (์ ํ์์ ๊ธฐ๋ณธ, ๋ฐ์ค๋ชจ๋ธ) (0) | 2020.07.24 |
[์ํ์ฝ๋ฉ] WEB2-CSS 1๊ฐ, 2๊ฐ, 3๊ฐ, 4๊ฐ (CSS์ ํ์ ๋ฐฐ๊ฒฝ & CSS ๊ธฐ๋ณธ ๋ฌธ๋ฒ) (0) | 2020.07.24 |