[KUIT] 2์ฃผ์ฐจ ์›Œํฌ๋ถ ๋ณด์ถฉ(CSS)
ยท
KUIT
์ด ๊ธ€์€ KUIT Web ํŒŒํŠธ ๋ถ€์›๋ถ„๋“ค์„ ๋Œ€์ƒ์œผ๋กœ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. box-sizing: border-box box-sizing : border-box๋กœ ์„ค์ •ํ•˜๊ณ  border๋‚˜ padding์„ ์ถ”๊ฐ€ํ•˜๋ฉด ํ•ด๋‹น box์˜ ํฌ๊ธฐ๋Š” ๊ทธ๋งŒํผ ๋” ์ปค์ง€์ง€ ์•Š๊ณ  ์‚ฌ์šฉ์ž๊ฐ€ ์ง€์ •ํ•œ ๋„ˆ๋น„๋‚˜ ๋†’์ด๋งŒํผ ๊ธธ์ด์— ๋งž์ถ”๊ฒŒ ๋œ๋‹ค. → border๊ฐ’์ด๋‚˜ padding ๊ฐ’์ด ์ง€์ •ํ•œ width๊ฐ’์ด๋‚˜ height๊ฐ’์— ํฌํ•จ์ด ๋œ๋‹ค. ์ถœ์ฒ˜: https://juicyjerry.tistory.com/entry/css์—์„œ-box-sizing-์„-border-box๋กœ-ํ•˜๋Š”-์ด์œ  position sticky๊ฐ€ ์ ์šฉ์ด ๋˜์ง€ ์•Š๋Š” ์ด์œ  sticky ์†์„ฑ์„ ๊ฐ–๋Š” ์š”์†Œ๋Š” ์ž์‹ ์˜ ๋ถ€๋ชจ ์š”์†Œ ์•ˆ์—์„œ๋งŒ ์ ์šฉ๋จ ๋ถ€๋ชจ ํƒœ๊ทธ๋Š” ๋ฌด์กฐ๊ฑด height ๋†’์ด ๊ฐ’์ด ๋“ค์–ด๊ฐ€ ์žˆ์–ด์•ผ ..
[CSS] CSS ์˜ˆ์ œ๋ฅผ ํ’€์–ด๋ณด์ž - ์†Œ์Šค์ฝ”๋“œ ์„ค๋ช… ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ
ยท
Frontend
์ €๋ฒˆ ์‹œ๊ฐ„์—๋Š” CSS ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ํ€ด์ฆˆ๋„ ํ’€์–ด๋ดค๋‹ค. 2023.07.04 - [ํ”„๋กœ๊ทธ๋ž˜๋ฐ/ํ”„๋ก ํŠธ์—”๋“œ] - [CSS] ์–„์ฝ”์˜ CSS ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  [CSS] ์–„์ฝ”์˜ CSS ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์ง€๋‚œ ๋ฒˆ ์Šคํ„ฐ๋””์—์„œ๋Š” HTML ๊ฐ•์˜๋กœ ์ƒํ™œ์ฝ”๋”ฉ๋‹˜์˜ ์œ ํŠœ๋ธŒ๋ฅผ ๋“ค์—ˆ๋‹ค. 2023.07.01 - [ํ”„๋กœ๊ทธ๋ž˜๋ฐ/ํ”„๋ก ํŠธ์—”๋“œ] - [HTML] ์ƒํ™œ์ฝ”๋”ฉ WEB1 - HTML & Internet์„ ๋“ฃ๊ณ  [HTML] ์ƒํ™œ์ฝ”๋”ฉ WEB1 - HTML & Internet์„ ๋“ฃ๊ณ  ์˜ค๋žœ๋งŒ์— quickchabun.tistory.com 2023.07.05 - [๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ] - [W3Schools/W3์Šค์ฟจ์ฆˆ] CSS ํ€ด์ฆˆ๋ฅผ ํ’€์–ด๋ณด์ž [W3Schools/W3์Šค์ฟจ์ฆˆ] CSS ํ€ด์ฆˆ๋ฅผ ํ’€์–ด๋ณด์ž ์ €๋ฒˆ์—๋Š” HTMl ํ€ด์ฆˆ๋ฅผ ํ’€์–ด๋ณด์•˜๋‹ค. 2023.07.02 - [ํ”„๋กœ..
[W3Schools/W3์Šค์ฟจ์ฆˆ] CSS ํ€ด์ฆˆ๋ฅผ ํ’€์–ด๋ณด์ž
ยท
Frontend
์ €๋ฒˆ์—๋Š” HTMl ํ€ด์ฆˆ๋ฅผ ํ’€์–ด๋ณด์•˜๋‹ค. 2023.07.02 - [ํ”„๋กœ๊ทธ๋ž˜๋ฐ/ํ”„๋ก ํŠธ์—”๋“œ] - [W3Schools/W3์Šค์ฟจ์ฆˆ] HTML ํ€ด์ฆˆ๋ฅผ ํ’€์–ด๋ณด์•˜๋‹ค. [W3Schools/W3์Šค์ฟจ์ฆˆ] HTML ํ€ด์ฆˆ๋ฅผ ํ’€์–ด๋ณด์•˜๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ ์Šคํ„ฐ๋””๋ฅผ ํ•˜๋ฉด์„œ ๊ฐ•์˜๋ฅผ ๋‹ค ๋“ฃ๊ณ  ๋‚˜๋ฉด, w3schools๋ผ๋Š” ์‚ฌ์ดํŠธ์—์„œ ๊ด€๋ จ ๋ฌธ์ œ๋“ค์„ ํ’€์–ด๋ณด๊ธฐ๋กœ ์ •ํ•˜์˜€๋‹ค. https://www.w3schools.com/quiztest/default.asp W3Schools Quizzes W3Schools offers free online tutorials, r quickchabun.tistory.com ์ด๋ฒˆ์—๋Š” CSS ํ€ด์ฆˆ๋ฅผ ํ’€์–ด๋ณด์•˜๋‹ค. ์ €๋ฒˆ๊ณผ๋Š” ๋‹ค๋ฅด๊ฒŒ 25๋ฌธ์ œ ๋ฐ–์— ๋˜์ง€ ์•Š์•˜๋Š”๋ฐ, ๊ณผ์—ฐ ๊ฒฐ๊ณผ๋Š”? ๊ทธ๋ž˜๋„ ์ด ์ •๋„๋ฉด ๊ฝค ์ž˜ ๋ณธ๊ฑฐ ๊ฐ™์€๋ฐ?๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค..
[CSS] ์–„์ฝ”์˜ CSS ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ 
ยท
Frontend
๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.