뚠뚜 개발일지

[CSS] css초기화/ 리셋 reset 본문

공부/html_css

[CSS] css초기화/ 리셋 reset

뚠뚜 2023. 1. 4. 21:17

https://meyerweb.com/eric/tools/css/reset/

 

CSS Tools: Reset CSS

CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter

meyerweb.com

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote: before, blockquote:after, q:before, q:after {
content: ''; content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

'공부 > html_css' 카테고리의 다른 글

[HTML_CSS] Netflix clone coding  (0) 2022.12.16
[HTML_CSS] 반응형 웹페이지 제작하기  (0) 2022.12.15
[CSS] css flexbox 속성  (0) 2022.11.10
[CSS] css로 춘식이 만들기  (0) 2022.11.09
[CSS] css로 라이언 만들기  (0) 2022.11.09