css display 1

[CSS] display ์†์„ฑ

display ์†์„ฑ CSS์˜ display๋Š” ์š”์†Œ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋ณด์—ฌ์งˆ ์ง€๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” ์†์„ฑ์œผ๋กœ, ๊ตฌ๋ฌธ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. display: value; value์— ์ฃผ๋กœ ์“ฐ์ด๋Š” ์†์„ฑ๊ฐ’์€ block, inline, inline-block, none์ด ์žˆ์Šต๋‹ˆ๋‹ค. block ์š”์†Œ block ์š”์†Œ์—๋Š” , ~, , , , , ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์š”์†Œ๋“ค์€ width์™€ height๋ฅผ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๊ณ , ๋งŒ์•ฝ ์ง€์ •ํ•˜์ง€ ์•Š์•˜์„๊ฒฝ์šฐ ์ „์ฒด ๊ฐ€๋กœ ์‚ฌ์ด์ฆˆ๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ๋˜ํ•œ block์š”์†Œ ๋‹ค์Œ์— ์˜ค๋Š” ์š”์†Œ๋Š” ์ƒˆ๋กœ์šด line์—์„œ ์‹œ์ž‘ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์š”์†Œ๋“ค์ด ์•„๋ž˜๋กœ ์Œ“์ด๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. 1 2 3 4 Hello cs ์€ width๋ฅผ ์ •ํ•˜์ง€ ์•Š์•˜๊ธฐ ๋•Œ๋ฌธ์— ํ™”๋ฉด ์ „์ฒด๊ฐ€ ๊ฐ€๋กœ์‚ฌ์ด์ฆˆ๊ฐ€ ๋˜๊ณ , 3๊ฐœ์˜ ๋Š” width: 100px; height: 100px๋กœ ์„ค..

Client/CSS 2020.06.11