๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
CSS๐Ÿ”ง/css

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

by hyojinny 2022. 9. 4.

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;

'CSS๐Ÿ”ง > css' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

css overflow: hidden; ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ๋ž€?  (0) 2022.09.12
CSS hover ๋งˆ์šฐ์Šค๋กค์˜ค๋ฒ„  (0) 2022.09.11
css box-shadow ๊ทธ๋ฆผ์ž๋„ฃ๊ธฐ  (0) 2022.09.10
css float, float ํ•ด์ œ  (0) 2022.09.09
css magin, padding  (0) 2022.09.07

๋Œ“๊ธ€