프로젝트 시작전에 항상 적용시키는 CSS reset코드이다.
Andybell의 것을 약간 변형시켰다.
* {
margin: 0;
padding: 0;
font: inherit;
color: inherit;
}
*,
:after,
:before {
box-sizing: border-box;
flex-shrink: 0;
}
:root {
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
cursor: default;
line-height: 1.5;
overflow-wrap: break-word;
-moz-tab-size: 4;
tab-size: 4;
overflow-x: hidden;
overflow-y: scroll;
}
::-webkit-scrollbar {
display: none;
}
html,
body {
height: 100vh;
}
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}
button {
background: none;
border: 0;
cursor: pointer;
}
a {
text-decoration: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
li {
list-style: none;
}
'CSS' 카테고리의 다른 글
숫자 카운트 효과(숫자 올라가는 효과) 간단하게 구현🤩 (0) | 2023.09.04 |
---|---|
Reset CSS / 초기화 CSS (0) | 2023.02.07 |
[ Scss ] Sass 함수 사용하기 (feat. css 유성효과) (0) | 2022.11.06 |
반응형 정사각형 만들기 (margin, padding 기준) (0) | 2022.08.19 |
한줄에서 넘치는 글자 '...' 으로 생략하기 (0) | 2022.08.10 |