๋ํด๋ฌผ๊ณผ ๋ฐฑ๋์ฐ์ด ๋ง๋ฅด๊ณ ๋ณ๋๋ก ํ๋๋์ด ๋ณด์ฐํ์ฌ ์ฐ๋ฆฌ๋๋ผ ๋ง์ธ
๋ํด๋ฌผ๊ณผ ๋ฐฑ๋์ฐ์ด ๋ง๋ฅด๊ณ ๋ณ๋๋ก
ํ๋๋์ด ๋ณด์ฐํ์ฌ ์ฐ๋ฆฌ๋๋ผ ๋ง์ธ
๋ฌด๊ถํ ์ผ์ฒ๋ฆฌ ํ๋ ค ๊ฐ์ฐ
๋ํ ์ฌ๋ ๋ํ์ผ๋ก ๊ธธ์ด ๋ณด์ ํ์ธ
์ดํ
๋ฆญ
๋๊ป๊ฒ
์ดํ
๋ฆญ + ๋๊ป๊ฒ
์ทจ์์
๋ฐ์ค
- ์์๊ฐ ํ์ํ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ์ง ์์ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ์ง ์์ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ์ง ์์ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ์ง ์์ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ์ง ์์ ๋ชฉ๋ก
- ์์๊ฐ ํ์ํ์ง ์์ ๋ชฉ๋ก
๋จ์ ๋ง์ด๋ ๊ธ์์ ์ง์ ๋๋ ๊ฐ์ ์ผ๋ก ๋ฐ์จ ๋ฌธ์ฅ.
(๋ค์ด๋ฒ ๊ตญ์ด ์ฌ์ )
์ธ์ฉ๋ฌธ์ ์์ฑํ์ธ์!
์ค์ฒฉ๋ ์ธ์ฉ๋ฌธ
์ค์ค์ฒฉ๋ ์ธ์ฉ๋ฌธ 1
์ค์ค์ฒฉ๋ ์ธ์ฉ๋ฌธ 2
์ค์ค์ฒฉ๋ ์ธ์ฉ๋ฌธ 3
CSS์์ background ํน์ background-image ์์ฑ์ผ๋ก ์์์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๋ฅผ ์ฝ์
ํ ์ ์์ต๋๋ค.
<a href="https://google.co.kr/" target="_black">GOOGLE</a>ํ
์คํธ ๋ธ๋ก
positon ์์ฑ
| ๊ฐ | ์๋ฏธ | ๊ธฐ๋ณธ๊ฐ |
|---|---|---|
| static | ๊ธฐ์ค ์์ | O |
| relative | ์์ ์์ | X |
| absolute | ์์น ์ ๋ถ๋ชจ ์์ | X |
| fixed | ๋ทฐํฌํธ | X |
| ๊ฐ | ์๋ฏธ | ๊ธฐ๋ณธ๊ฐ |
|---|---|---|
| static | ๊ธฐ์ค ์์ | O |
| relative | ์์ ์์ | X |
| absolute | ์์น ์ ๋ถ๋ชจ ์์ | X |
| fixed | ๋ทฐํฌํธ | X |
๋ํด๋ฌผ๊ณผ ๋ฐฑ๋์ฐ์ด ๋ง๋ฅด๊ณ ๋ณ๋๋ก
ํ๋๋์ด ๋ณด์ฐํ์ฌ ์ฐ๋ฆฌ๋๋ผ ๋ง์ธ
๋ํด๋ฌผ๊ณผ ๋ฐฑ๋์ฐ์ด ๋ง๋ฅด๊ณ ๋ณ๋๋ก
ํ๋๋์ด ๋ณด์ฐํ์ฌ ์ฐ๋ฆฌ๋๋ผ ๋ง์ธ
