์ ์ฒด ๊ธ601 [HTML+CSS][์์๊ณผ ๋ฐฐ๊ฒฝ์ ์ํ ์คํ์ผ] 03 - ๊ทธ๋ฌ๋ฐ์ด์ ํจ๊ณผ๋ก ๋ฐฐ๊ฒฝ ๊พธ๋ฏธ๊ธฐ [HTML+CSS][์์๊ณผ ๋ฐฐ๊ฒฝ์ ์ํ ์คํ์ผ] 02 - ๋ฐฐ๊ฒฝ์๊ณผ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง [HTML+CSS][์์๊ณผ ๋ฐฐ๊ฒฝ์ ์ํ ์คํ์ผ] 01 - ์น์์ ์์ ํํํ๊ธฐ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 04 - ๋ชฉ๋ก ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 03 - ๋ฌธ๋จ ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 02 - ํ .. onelight-stay.tistory.com ๋จ์ํ ์ด๋ฏธ์ง์ ๋ฐฐ๊ฒฝ์์ผ๋ก๋ ๋ฐฐ๊ฒฝ์ ๊พธ๋ฐ ์ ์์ง๋ง ์ด๋ฒ์๋ ์ข ๋ ๋ค์ฑ๋ก์ด ๊ทธ๋ฌ๋ฐ์ด์ ์ ๋ํด์ ๋ฐฐ์๋ณด์. ๊ทธ๋ฌ๋ฐ์ด์ ๊ณผ ๋ธ๋ผ์ฐ์ ์ ๋์ฌ ๊ทธ๋ฌ๋ฐ์ด์ ์ ํ์ฌ์๋ ํ์คํ๋ ๊ตฌ๋ฌธ์ด ์์ฑ๋์ด ํ๊ฒฐ ์์ํด์ง ํธ์ด๋ค. ํ์ง๋ง ํ์ฌ์ ํ์คํ๋ ๊ตฌ๋ฌธ ์ธ์๋ ๊ทธ๋ฌ๋ฐ์ด์ ์ ์ ๋์ฌ๋ฅผ ๋ถ์ฌ ์ฌ์ฉํ๋ ๋ธ๋ผ์ฐ์ ๊น์ง ๊ณ ๋ คํด ํจ๊ป ์ ๋ ฅํด์ผ ํ๋ค. ์ด๋, .. 2020. 7. 2. [HTML+CSS][์์๊ณผ ๋ฐฐ๊ฒฝ์ ์ํ ์คํ์ผ] 02 - ๋ฐฐ๊ฒฝ์๊ณผ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง [HTML+CSS][์์๊ณผ ๋ฐฐ๊ฒฝ์ ์ํ ์คํ์ผ] 01 - ์น์์ ์์ ํํํ๊ธฐ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 04 - ๋ชฉ๋ก ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 03 - ๋ฌธ๋จ ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 02 - ํ ์คํธ ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 01 - ๊ธ๊ผด ๊ด๋ จ ์คํ์ผ.. onelight-stay.tistory.com ์์ ํ๊ธฐ๋ฒ๋ค์ ๋ํด ์ตํ ๋ณด์๋ค๋ฉด ์ด๋ฅผ ํ์ฉํ๋ ๋ฐฐ๊ฒฝ ์๊ณผ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง์ ๋ํด์ ์์๋ณด๋๋ก ํ์. background-color ์์ฑ : ๋ฐฐ๊ฒฝ ์ ์ง์ ํ๊ธฐ ์์์ ์ธ๋ฐํ ์กฐ์ ํ๊ณ ์ถ์ ๊ฒฝ์ฐ์ 16์ง์๋ฅผ, ํฌ๋ช ๋๋ฅผ ํจ๊ป ์กฐ์ ํ๊ณ ์ถ๋ค๋ฉด rgba ํ๊ธฐ๋ฒ์, ๊ฐ๋จํ ์์๋ง์ ์ฌ์ฉํ ๊ฒฝ์ฐ์๋ ์์ ์ด๋ฆ์ ์ฌ์ฉํด ์์์ ์ง์ ํ ์ .. 2020. 7. 1. [HTML+CSS][์์๊ณผ ๋ฐฐ๊ฒฝ์ ์ํ ์คํ์ผ] 01 - ์น์์ ์์ ํํํ๊ธฐ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 04 - ๋ชฉ๋ก ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 03 - ๋ฌธ๋จ ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 02 - ํ ์คํธ ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 01 - ๊ธ๊ผด ๊ด๋ จ ์คํ์ผ [HTML+CSS][CSS ๊ธฐ์ด] 03 - ์บ์ค์ผ์ด๋ฉ ์คํ์ผ ์.. onelight-stay.tistory.com ์น์ ๋์์ธํ ๋ ์ค์ํ ๋ถ๋ถ์ ์ฐจ์งํ๋ ์์์ ๋ํด์ ์์๋ณด๊ณ ์์์ ํ๊ธฐํ๋ ๋ฐฉ๋ฒ๋ค์ ๋ํด์ ์ดํด๋ณด์. 16์ง์ ํ๊ธฐ๋ฒ ‘#’ ๊ธฐํธ ๋ค์์ 6์๋ฆฌ์ 16์ง์๋ก ํ์ํ๋ฉฐ #RRGGBB ํ์์ผ๋ก ํ์ํด ์ค๋ค. ์ด๋, ์ซ์๊ฐ ์ปค์ง์๋ก ์์ด ๋ง์ด ์์๋ค๋ ๊ฒ์ ์๋ฏธํ๋ค. rgb ์ rgba rgb๋ ๋นจ๊ฐ์, ์ด๋ก์, ํ๋์์ ์์ ๋ํ๋ด๋ฉฐ 0.. 2020. 6. 30. [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 05 - ์ฐ์ต๋ฌธ์ 01 ์ต์ ์น ๋์์ธ ํธ๋ ๋ ๋ฐ์ํ ์น ๋์์ธ - ๋ค์ํ ํ๋ฉด ํฌ๊ธฐ์ ์ต์ ํํ๋ค ํ๋ซ ๋์์ธ - ์ ์ฒด์์ ํ๋ฉด์ผ๋ก ํ์คํฌ๋ฆฐ ๋ฐฐ๊ฒฝ - ์ฝํ ์ธ ์ ์ง์ค ์ ํ์ด์ง ์ฌ์ดํธ - ํ ํ์ด์ง์ ๋ชจ๋ ๋ด์ฉ์ ๋ด๋ค ํจ๋ด๋์ค ์คํฌ๋กค๋ง - ๋์ ์ธ ํจ๊ณผ๋ก ๊ฐํ ์ธ์์! ์น ํฐํธ - ์น ํ์ดํฌ๊ทธ๋ํผ๋ฅผ ๋ฐ์ณ์ฃผ๋ ๊ธฐ์ 02 ์ต์ ์น ๋์์ธ ํธ๋ ๋ ๋ฐ์ํ ์น ๋์์ธ - ๋ค์ํ ํ๋ฉด ํฌ๊ธฐ์ ์ต์ ํํ๋ค ํ๋ซ ๋์์ธ - ์ ์ฒด์์ ํ๋ฉด์ผ๋ก ํ์คํฌ๋ฆฐ ๋ฐฐ๊ฒฝ - ์ฝํ ์ธ ์ ์ง์ค ์ ํ์ด์ง ์ฌ์ดํธ - ํ ํ์ด์ง์ ๋ชจ๋ ๋ด์ฉ์ ๋ด๋ค ํจ๋ด๋์ค ์คํฌ๋กค๋ง - ๋์ ์ธ ํจ๊ณผ๋ก ๊ฐํ ์ธ์์! ์น ํฐํธ - ์น ํ์ดํฌ๊ทธ๋ํผ๋ฅผ ๋ฐ์ณ์ฃผ๋ ๊ธฐ์ 03 ์ต์ ์น ๋์์ธ ํธ๋ ๋ 04 ์น ๋์์ธ ํธ๋ ๋๋ฅผ ๋ฐ๋ผ์ก๋ ๋น๋ฒ ๋๊ณต๊ฐ! ๊ทธ๋ํฝ ํ๋ก๊ทธ๋จ์ผ๋ก ์น ๋์์ธ ์์๋ฅผ ์ผ์ผ์ด ๋ง๋ค.. 2020. 6. 29. [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 04 - ๋ชฉ๋ก ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 03 - ๋ฌธ๋จ ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 02 - ํ ์คํธ ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 01 - ๊ธ๊ผด ๊ด๋ จ ์คํ์ผ [HTML+CSS][CSS ๊ธฐ์ด] 03 - ์บ์ค์ผ์ด๋ฉ ์คํ์ผ ์ํธ (CSS) [HTML+CSS][CSS ๊ธฐ์ด] 02 - ์ฃผ์ ์ ํ์ [H.. onelight-stay.tistory.com ๋จ์ํ ํ ์คํธ๋ ๋ฌธ๋จ์ ์คํ์ผ๋ง ๋ฐ๊พธ๋ ๊ฒ์ด ์๋๋ผ ์ค์ง์ ์ผ๋ก ์์ฃผ ์ฌ์ฉ๋ ๊ฒ ๊ฐ์ ๋ชฉ๋ก์ ์คํ์ผ์ ๋ํด์๋ ์์๋ณด๋๋ก ํ์. list-style-type ์์ฑ : ๋ชฉ๋ก์ ๋ถ๋ฆฟ๊ณผ ๋ฒํธ ์คํ์ผ ์ง์ - ์์ ์๋ ๋ชฉ๋ก์์ ๋ถ๋ฆฟ ๋ชจ์ ๋ฐ๊พธ๊ธฐ - ๋ชฉ๋ก ์์ ๋ถ๋ ๋ถ๋ฆฟ์ ๋ชจ์์ ๋ฐ๊พธ๊ฑฐ๋ ์์จ ์ ์๋ค. - ์์ ๋ชฉ๋ก์์ ์ซ์ ๋ฐ๊พธ๊ธฐ -.. 2020. 6. 28. [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 03 - ๋ฌธ๋จ ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 02 - ํ ์คํธ ์คํ์ผ [HTML+CSS][ํ ์คํธ ๊ด๋ จ ์คํ์ผ] 01 - ๊ธ๊ผด ๊ด๋ จ ์คํ์ผ [HTML+CSS][CSS ๊ธฐ์ด] 03 - ์บ์ค์ผ์ด๋ฉ ์คํ์ผ ์ํธ (CSS) [HTML+CSS][CSS ๊ธฐ์ด] 02 - ์ฃผ์ ์ ํ์ [HTML+CSS][CSS ๊ธฐ์ด] 01 - ์คํ์ผ๊ณผ ์คํ์ผ ์ํธ [HTML.. onelight-stay.tistory.com ํ ์คํธ์ ๋ํด ๋ค์ํ ์คํ์ผ์ ๋ํด์ ์์๋ณด์๋ค๋ฉด ๋ฌธ๋จ์ผ๋ก ๊ธ์ ์์ฑํ ๋ ๋ฃ์ ์ ์๋ ์คํ์ผ์ ๋ํด์ ์์๋ณด์. direction ์์ฑ : ๊ธ์ ์ฐ๋ ๋ฐฉํฅ ์ง์ text-align ์์ฑ : ํ ์คํธ ์ ๋ ฌ text-justify ์์ฑ : ์ ๋ ฌ ์ ๊ณต๋ฐฑ ์กฐ์ text-align ์์ฑ์ด justify์ผ ๊ฒฝ์ฐ, ์ ๋์ชฝ์ ๋ง์ถฐ.. 2020. 6. 27. ์ด์ 1 ยทยทยท 90 91 92 93 94 95 96 ยทยทยท 101 ๋ค์