>  기사  >  웹 프론트엔드  >  CSS에서 스타일을 지우는 방법

CSS에서 스타일을 지우는 방법

coldplay.xixi
coldplay.xixi원래의
2021-04-16 14:43:559192검색

CSS 스타일을 지우는 방법은 코드를 CSS 파일에 넣고 링크를 사용하여 관련 기본 CSS 스타일을 제거하는 것입니다. 코드는 [이전 브라우저의 경우 HTML5 표시 역할 재설정]입니다.

CSS에서 스타일을 지우는 방법

이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.

CSS 스타일을 지우는 방법:

코드를 CSS 파일에 넣고 링크를 사용하여 관련 기본 CSS 스타일을 제거합니다.

/* v2.0 | 20110126
http://meyerweb.com/eric/tools/css/reset/ 
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;
}

css 선택기:

각 CSS 스타일 정의는 두 부분으로 구성되며 형식은 다음과 같습니다. [code] 선택기 {style} [/code] {} 앞의 부분은 "선택기"입니다. "선택기"는 {}에서 "스타일"의 개체, 즉 "스타일"이 작동하는 웹페이지의 요소를 지정합니다. 완전한 HTML 페이지는 다양한 태그로 구성되며, 태그 선택기는 어떤 요소를 결정합니다. 태그는 해당 CSS 스타일을 사용합니다.

위 내용은 CSS에서 스타일을 지우는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.