웹디자인 참고 파이어폭스 기본 스타일_HTML/Xhtml_웹페이지 제작
- WBOY원래의
- 2016-05-16 16:42:191468검색
w3c는 HTML에 대한 몇 가지 표준을 공식화했지만, 브라우저는 자체적으로 미리 정의된 스타일에 따라 웹 페이지의 태그를 구문 분석하고 렌더링합니다. Firefox는 주소 표시줄에 리소스://gre/res/html.css 명령을 입력하여 이를 얻을 수 있습니다. 기본 스타일 시트. IE에도 이 명령이 있으면 좋을 것 같습니다! 다양한 버전의 Firefox의 주소 표시줄에 이 명령을 입력하여 다양한 버전의 Firefox 간의 차이점을 비교할 수도 있습니다. 이는 CSS를 재설정할 때 중요한 참고 자료가 됩니다.
/* ***** 라이센스 차단 시작 *****
* 버전: MPL 1.1/GPL 2.0/LGPL 2.1
*
* 이 파일의 내용은 Mozilla의 적용을 받습니다. 공개 라이센스 버전
* 1.1("라이센스"),
* 라이센스를 준수하는 경우를 제외하고는 이 파일을 사용할 수 없습니다.
* http://www. .mozilla.org/MPL/
*
* 라이선스에 따라 배포되는 소프트웨어는 "있는 그대로" 배포됩니다.
* 명시적이든 묵시적이든 어떠한 종류의 보증도 없이 라이선스를 참조하세요 *
* 라이센스에 따른 권리 및 제한 사항에 대한 자세한 내용은
*
* 원본 코드는 mozilla.org 코드입니다.
*
* 원본 코드의 최초 개발자
* Netscape Communications Corporation입니다.
* 초기 개발자가 만든 부분은 Copyright (C) 1998
* 모든 권리는
*
* 기여자에게 있습니다.
* Blake Ross
* 또는 이 파일의 내용은
* GNU General Public License 버전 2 이상("GPL")의 조건에 따라 사용될 수 있습니다. "),
* 또는 GNU Lesser General Public License 버전 2.1 이상("LGPL"),
* 이 경우 위 조항 대신
* GPL 또는 LGPL 조항이 적용됩니다. . 이 파일의 귀하 버전을
* GPL 또는 LGPL의 조항에 따라 사용하도록 허용하고 다른 사람이
* 해당 조항에 따라 이 파일의 귀하 버전을 사용하도록 허용하지 않으려는 경우 MPL, 위의 조항을 삭제하여
* 결정을 표시하고 이를 공지
* 및 GPL 또는 LGPL에서 요구하는 기타 조항으로 대체합니다.
* 위의 조항을 삭제하지 않으면 수신자는
* MPL, GPL 또는 LGPL 중 하나의 조건에 따라 이 파일의 버전을 사용할 수 있습니다.
*
* ***** 라이센스 차단 종료 ***** */
@namespace url(http://www.w3.org/1999/xhtml) /* 기본 네임스페이스를 HTML로 설정 */
/* bidi */
[dir="rtl"] {
방향: rtl;
유니코드-bidi:
}
[dir="ltr"] {
방향: ltr;
}
bdo[dir] {
unicode-bidi: bidi-override;
}
/* 블록 */
html, div, map, dt, isindex, form {
디스플레이: 블록
}
본체 {
디스플레이: 블록
여백: 8px;
}
p, dl, multicol {
디스플레이: 블록; margin: 1em 0;
}
dd {
display: block
-moz-margin-start:
}
blockquote {
display: block; 🎜>여백: 1em 40px;
주소 {
display: block;
font-style: italic; >text-align: -moz-center;
blockquote[type=cite] {
display: block
margin: 1em 0px
-moz-padding-start: 1em ;
-moz-border-start: solid;
border-color: blue;
border-width: 씬
}
span[_moz_quote=true] {
color: blue;
}
pre[_moz_quote=true] {
색상: 파란색
}
h1 {
디스플레이:
글꼴 크기: 2em; >글꼴 두께: 굵게;
여백: .67em 0;
}
h2 {
디스플레이: 블록;
글꼴 크기: 1.5em; ;
여백: .83em 0;
h3 {
표시: 블록
글꼴 크기: 1.17em; 1em 0;
}
h4 {
표시: 블록;
글꼴 두께: 굵게
여백:
}
h5 {
: 블록;
글꼴 크기: 0.83em;
여백: 1.67em 0
}
디스플레이: 블록; 글꼴 크기: 0.67em;
글꼴 두께: 굵게;
여백: 2.33em 0;
}
목록 {
표시: 블록; -fixed;
글꼴 크기: 중간;
여백: 1em 0
}
xmp, pre, plaintext {
표시; 🎜>font-family: -moz-fixed;
white-space: pre;
margin: 1em 0
}
/* tables */
table {
display: table;
border-spacing: 2px;
border-collapse: Separate;
margin-top: 0;
margin-bottom: 0; 're border-collapse:collapse ? */
-moz-box-sizing: border-box;
text-indent: 0
}
table[align="left"] {
float: 왼쪽;
}
table[align="right"] {
float: 오른쪽
text-align: 시작
}
테이블[규칙]: not([rules="none"]) {
국경 축소: 축소
}
/* 캡션은 table-outer가 아닌 테이블에서 상속됩니다. */
caption {
display: table-caption;
텍스트 정렬: 가운데;
-moz-box-sizing: 테두리 상자;
}
table[align="center"] > caption {
margin-left: auto;
여백 오른쪽: 자동;
}
table[align="center"] > caption[align="left"] {
margin-right: 0;
}
table[align="center"] > caption[align="right"] {
margin-left: 0;
}
tr {
디스플레이: 테이블 행;
수직 정렬: 상속;
}
col {
디스플레이: 테이블-열;
}
colgroup {
표시: 테이블-열-그룹;
}
tbody {
디스플레이: 테이블 행 그룹;
세로 정렬: 가운데;
}
머리 {
디스플레이: 테이블-헤더-그룹;
세로 정렬: 가운데;
}
tfoot {
표시: 테이블-바닥글-그룹;
세로 정렬: 가운데;
}
/* tbody가 없는 XHTML 테이블의 경우 */
table > tr {
vertical-align: middle;
}
td {
디스플레이: 테이블-셀;
수직 정렬: 상속;
텍스트 정렬: 상속;
패딩: 1px;
}
번째 {
디스플레이: 테이블-셀;
수직 정렬: 상속;
글꼴 두께: 굵게;
패딩: 1px;
}
tr > 양식:-moz-is-html, tbody > 양식:-moz-is-html,
thead > 양식:-moz-is-html, tfoot > 양식:-moz- is-html,
table > form:-moz-is-html {
/* 중요: HTML에 이러한 양식을 표시하지 마세요 */
display: none !important;
}
/* 인라인 */
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
b, 강함 {
글꼴 두께: 굵게;
}
i, cite, em, var, dfn {
글꼴 스타일: 기울임체;
}
tt, code, kbd, samp {
글꼴 계열: -moz-fixed;
}
u, ins {
텍스트 장식: 밑줄;
}
s, Strike, del {
텍스트 장식: 라인 통과;
}
깜박임 {
텍스트 장식: 깜박임;
}
큰 {
글꼴 크기: 더 크게;
}
작은 {
글꼴 크기: 더 작음;
}
sub {
vertical-align: sub;
글꼴 크기: 더 작음;
줄 높이: 보통;
}
sup {
vertical-align: super;
글꼴 크기: 더 작음;
줄 높이: 보통;
}
nobr {
white-space: nowrap;
}
/* 제목 */
abbr[제목], 약어[제목] {
border-bottom: 점선 1px;
}
/* 목록 */
ul, menu, dir {
display: block;
목록 스타일 유형: 디스크;
여백: 1em 0;
-moz-padding-start: 40px;
}
ol {
디스플레이: 블록;
목록 스타일 유형: 십진수;
여백: 1em 0;
-moz-padding-start: 40px;
}
li {
디스플레이: 목록 항목;
}
/* 중첩 목록에는 위쪽/아래쪽 여백이 없습니다. */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, 메뉴 메뉴, menu dl,
dl ul, dl ol, dl dir, dl 메뉴, dl dl {
margin-top: 0;
여백-하단: 0;
}
/* 순서가 지정되지 않은 깊은 목록 2개는 원을 사용합니다. */
ol ul, ul ul, menu ul, dir ul,
ol menu, ul menu, menu menu, dir menu,
ol dir, ul dir, menu dir, dir dir {
list-style-type: Circle;
}
/* 3개 이상의 순서가 지정되지 않은 깊은 목록은 사각형을 사용합니다. */
ol ol ul, ol ul ul, ol menu ul, ol dir ul,
ol ol menu, ol ul menu, ol 메뉴 메뉴, ol dir 메뉴,
ol ol dir, ol ul dir, ol menu dir, ol dir dir,
ul ol ul, ul ul ul, ul menu ul, ul dir ul,
ul ol 메뉴, ul ul 메뉴, ul 메뉴 메뉴, ul dir 메뉴,
ul ol dir, ul ul dir, ul menu dir, ul dir dir,
menu ol ul, menu ul ul, 메뉴 메뉴 ul , 메뉴 dir ul,
menu ol 메뉴, menu ul 메뉴, 메뉴 메뉴 메뉴, 메뉴 dir 메뉴,
menu ol dir, menu ul dir, menu menu dir, menu dir dir,
dir ol ul, dir ul ul, dir 메뉴 ul, dir dir ul,
dir ol 메뉴, dir ul 메뉴, dir 메뉴 메뉴, dir dir 메뉴,
dir ol dir, dir ul dir, dir 메뉴 dir, dir dir dir {
목록 스타일 유형: 정사각형;
}
/* leafs */
/*
noshade 및 color 속성은
* nsHTMLHRElement 속성 매핑 코드
*/
hr {
에 의해 완전히 처리됩니다. 디스플레이: 블록;
높이: 2px;
테두리: 1px 삽입;
마진: 0.5em 자동 0.5em 자동;
색상: 회색;
-moz-float-edge: 여백 상자;
-moz-box-sizing: 테두리 상자;
}
hr[size="1"] {
테두리 스타일: 단색 없음 없음 없음;
}
*|*:-moz-any-link img, img[usemap], object[usemap] {
border: 2px solid;
}
img:-moz-broken::before, 입력:-moz-broken::before,
img:-moz-user-disabled::before, 입력:-moz-user-disabled ::before,
img:-moz-loading::before, input:-moz-loading::before,
applet:-moz-empty-even-children-with-localname(param):-moz -broken::before,
applet:-moz-empty-Exception-children-with-localname(param):-moz-user-disabled::before {
content: -moz-alt-content !important ;
unicode-bidi: 삽입;
}
object:-moz-broken > *|*, applet:-moz-broken > *|*
object:-moz-user-disabled > *|*, applet:-moz-user-disabled > *|* {
/*
명시적으로 정렬되지 않은 경우
수직으로 올바른 위치에 놓이도록 개체의 정렬을 상속합니다. 버그 36997을 참조하세요. 명시적으로 정렬될 수 있으므로 이는
중요하지 않습니다.
*/
수직 정렬: 상속;
}
img:-moz-suppressed, 입력:-moz-suppressed, object:-moz-suppressed,
embed:-moz-suppressed, applet:-moz-suppressed {
/*
페이지 표시가 변경되는 경우에도 가시성을 설정하세요. 일반적으로
display:none이 레이아웃을 너무 많이 깨뜨리는 경우에는 가시성만 설정하고 표시하지 않을 수도 있습니다.
그리고
사람들이 차단된 이미지 등을 마우스 오른쪽 버튼으로 클릭할 수 있기를 정말로 원한다면
둘 중 하나도 설정하지 않고 그림 코드를 해킹해야 합니다... :(
*/
디스플레이: 없음 !중요
가시성: 숨김 !중요;
img[usemap], object[usemap] {
색상: 파란색
}
프레임세트 {
표시: 중요
위치: 정적 ! 중요
테두리: 없음
}
프레임 {
경계: 없음 ! 중요
}
iframe {
경계: 2px 삽입;
noframes {
표시: 없음;
}
spacer {
위치: static ! important;
float: 없음
}
canvas {
-moz-user-select: 없음; >}
/* 포커스 가능 콘텐츠: tabindex >=0인 모든 항목이 포커스 가능함 */
abbr:focus, acronym:focus, address:focus, applet:focus, b:focus,
base:focus , big:focus, blockquote:focus, br:focus, canvas:focus, caption:focus,
center:focus, cite:focus, code:focus, col:focus, colgroup:focus, dd:focus,
del:focus, dfn:focus, dir:focus, div:focus, dl:focus, dt:focus, em:focus,
fieldset:focus, 글꼴:focus, form:focus, h1:focus, h2: 포커스, h3:포커스, h4:포커스,
h5:포커스, h6:포커스, hr:포커스, i:포커스, img:포커스, ins:포커스,
kbd:포커스, 라벨:포커스, 범례: 초점, li:초점, 링크:초점, 메뉴:초점,
객체:초점, ol:초점, p:초점, 사전:초점, q:초점, s:초점, samp:초점,
작은: 초점, 범위:초점, 스트라이크:초점, 강한:초점, 하위:초점, sup:초점,
테이블:초점, tbody:초점, td:초점, tfoot:초점, th:초점, thead:초점,
tr:focus, tt:focus, u:focus, ul:focus, var:focus {
/* 외곽선 색상을 지정하지 마세요. 항상 초기값을 사용해야 합니다. */
윤곽선: 1px 점선;
}
/* 숨겨진 요소 */
area, base, basefont, head, meta, script, style, title,
noembed, param {
display: none;
}
/* 비표준 HTML
태그 에뮬레이션 */
marquee {
width: -moz-available;
디스플레이: 인라인 블록;
수직 정렬: 텍스트 하단;