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;