CSS๐Ÿ”ง/css

css ๊ธฐ์ดˆ ์šฉ์–ด์ •๋ฆฌ

hyojinny 2022. 9. 4. 00:35

id <div id="wrap"> ์Šคํ‚ต๋„ค๋น„๊ฒŒ์ด์…˜์œผ๋กœ ์ด๋™ํ•ด์•ผํ•˜๋Š” ๋ถ€๋ถ„๋งŒ id๋กœ ๋„ค์ด๋ฐ ๋‚˜๋จธ์ง€๋Š” class๋กœ ๋„ค์ด๋ฐํ•จ

์—ฌ๋Ÿฌ์š”์†Œ ๋™์‹œ ์„ ํƒํ• ๋•Œ h1,h2,h3,h4,h5,h6 {font-weight: normal;}

 

*๋ชจ๋“ ์š”์†Œ ์ „์ฒด ์„ ํƒ์ž, ์ดˆ๊ธฐ์‹œ ํ•œ๋ฐฉ์— ์ ์šฉ 

*{margin: 0; padding: 0px;}  ์—ฌ๋ฐฑ์—†์• ๊ธฐ CSS ๋งจ ์ƒ๋‹จ 

calc : calculation์†์„ฑ์˜ ๊ฐ’์„ ๊ณ„์‚ฐ์„ ํ•ด์ฃผ๋Š” ํ•จ์ˆ˜ / width: calc(25% - 45px / 4);
 
vertical-align:0px - ์ธ๋ผ์ธ๋ธ”๋Ÿญ์š”์†Œ ์œ„์•„๋ž˜ ์œ„์น˜ ์กฐ๊ธˆ์ด๋™
white-space:nowrap - ๊ธ€์ž์•„๋ž˜๋กœ ์•ˆ๋‚ด๋ ค๊ฐ€๊ฒŒ

ํฌ์ง€์…˜์š”์†Œ๋Š” ๊ธฐ์ค€์—์„œ overflow:hidden์œผ๋กœ ๊ฐ€๋ฆด์ˆ˜์žˆ์Œ

 

 viewport (๋ธŒ๋ผ์šฐ์ €ํ™”๋ฉด) heigth : ํ™”๋ฉด๊ฝ‰์ฐจ๊ฒŒ
 height: 100vh;