์ธ๋ จ๋ css reset
- ๋ฅ์ง
- Development
- ๋ถ๋ฅ
- html/css
- ๋ฑ๋ก์ผ
์ฝ๋๋ ์ ์ด์ง๊ณ ๊ด์ฐฎ์ ๋ชจ์ต๊ฐ์ ๋ณด์ธ๋ค.
/*** The new CSS Reset - version 1.0.0 (last updated 8.7.2021) ***/
/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
*:where(:not(iframe, canvas, img, svg, video):not(svg *)){
all: unset;
display: revert;
}
/* Preferred box-sizing value */
*,
*::before,
*::after{
box-sizing: border-box;
}
/* Remove list styles (bullets/numbers) */
ol, ul {
list-style: none;
}
/* For images to not be able to exceed their container */
img {
max-width: 100%;
}
/* removes spacing between cells in tables */
table{
border-collapse: collapse;
}
์ถ์ฒ: https://github.com/elad2412/the-new-css-reset/blob/main/css/reset.css
1๊ฐ์ ๋๊ธ
์ด ๋ฐฉ์์ ๋๋ฌด ๊ณผ๊ฒฉํ ๋ฐฉ์์ด๋ค. ํนํ
all: unset๋ถ๋ถ์ ์๋ฆฌ๋จผํธ์ ์ฑ๊ฒฉ๊น์ง ํผ์์์ผ ๋ฒ๋ฆฌ๊ธฐ ๋๋ฌธ์ ์ด ๊ธ์ ์๋ ์์ค๋ ๊ทธ์ ์ฐธ๊ณ ๋ง ํ ๋ฟ ์ฌ์ฉ์ ์์ ํ์.