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 |
๋๊ธ