>웹 프론트엔드 >CSS 튜토리얼 >CSS 초기화 코드

CSS 초기화 코드

巴扎黑
巴扎黑원래의
2017-04-05 11:26:561792검색

CSS를 초기화하는 이유는 무엇입니까?

CSS 초기화는 브라우저의 스타일을 재설정하는 것을 의미합니다. 브라우저마다 기본 스타일이 다를 수 있으므로 개발 중 가장 먼저 해야 할 일은 이를 통합하는 방법일 수 있습니다. CSS가 초기화되지 않으면 브라우저 간 페이지 차이가 ​​자주 발생합니다. 우리는 새로운 웹사이트나 웹페이지를 개발할 때마다 CSS 스타일의 속성을 초기화하여 우리가 사용할 CSS나 html 태그를 더 편리하고 정확하게 만들어서 웹페이지 콘텐츠를 개발할 때 더 편리하고 간결하게 만드는 동시에 작업량을 줄입니다. CSS 코드 및 웹페이지 다운로드 시간 절약.

CSS初始化示例代码

/* CSS 재설정 www.admin10000.com */
body,p,dl,dt,dd,ul,ol,li ,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { 여백 :0; 패딩:0; }
본체{배경:# fff; 색상:#555; 글꼴 크기:14px; 글꼴 계열: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { 글꼴 크기:14px; }
h1, h2, h3, h4, h5 , h6 { 글꼴 크기:보통; 글꼴 크기:100%; }
주소, 캡션, 인용, 코드, dfn, em, Strong, th, var { 글꼴 스타일:normal; 글꼴 두께:보통;}
a { 색상:#555; 텍스트 장식:없음; }
a:hover { 텍스트 장식 :밑줄; }
img { 테두리:없음; }
ol,ul,li { 목록 스타일:없음; }
입력, 텍스트 영역, 선택, 버튼 { 글꼴:14px Verdana,Helvetica,Arial,sans-serif; }
테이블 { border-collapse:collapse; }
html {overflow-y: 스크롤 ;}
/* CSS 공통 */
.clearfix:이후 {콘텐츠: "."; 디스플레이: 블록; 높이:0; 지우기:둘 다; 공개: 숨김;}
.clearfix { *zoom:1 ; }

위는 admin10000.com에서 사용하는 CSS 재설정 코드입니다. 이 코드는 아직 완벽하지는 않지만 일반적으로 사용되는 거의 모든 코드가 포함되어 있습니다.

다양한 주류 브라우저의 기본 CSS 스타일: ie6 | ie8 | Firefox 3.6.3 | Opera 10.51

그런데 admin10000.com의 HTML 템플릿이 아래에 제공되며 은 각각의 새로운 개발 페이지에 사용됩니다.

아아아앙

                                           

위 내용은 CSS 초기화 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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