Web デザインリファレンス Firefox デフォルトスタイル_HTML/Xhtml_Web ページ制作

w3c は HTML の標準をいくつか策定していますが、ブラウザは独自の定義済みスタイルに従って Web ページのタグを解析し、レンダリングします。これは、Firefox のアドレス バーにコマンド resource://gre/res/html.css を入力することで取得できます。デフォルトのスタイルシート。 IEにもこのコマンドがあればいいのに！このコマンドをさまざまなバージョンの Firefox のアドレス バーに入力することもでき、これにより CSS をリセットするときに重要な参考になります。
/* ***** BEGIN LICENSE BLOCK *****
* バージョン: MPL 1.1/GPL 2.0/LGPL 2.1
*
* このファイルの内容は Mozilla の規定に準拠しています。パブリック ライセンス バージョン
* 1.1 (「ライセンス」)。
* ライセンスに準拠する場合を除き、このファイルを使用することはできません。
* http://www でライセンスのコピーを入手できます。 .mozilla.org/MPL/
*
* ライセンスに基づいて配布されるソフトウェアは、「現状のまま」で配布されます。
* 明示的か黙示的かを問わず、いかなる種類の保証もありません。ライセンスを参照してください。
*
* ライセンスに基づく権利と制限を管理する特定の言語については、
*
* 元のコードは mozilla.org コードです。
*
* 元のコードの初期開発者。
* Netscape Communications Corporation です。
* 初期開発者によって作成された部分は、著作権 (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 のいずれかの条項に基づいて、このファイルのバージョンを使用できます。
*
* ***** END LICENSE BLOCK ***** */
@namespace url(http://www.w3.org/1999/xhtml); /* デフォルトの名前空間を HTML に設定します */
/* bidi */
[dir="rtl"] {
方向: rtl;
unicode-bidi: 埋め込み;
[dir="ltr"] {
方向: ltr; }
bdo[dir] {
unicode-bidi: bidi-override;
}
/* ブロック */
html、div、map、dt、isindex、form {
表示: ブロック;
}
表示: ブロック;
マージン: 8px;
p, dl, multicol {
表示: ブロック;マージン: 1em 0;
}
表示: ブロック;
-moz-margin-start: 40px;
ブロック引用 {
表示: ブロック; 🎜>margin: 1em 40px;
}
address {
display: ブロック;
font-style:
}
center {
display: block; >text-align: -moz-center;
blockquote[type=cite] {
display: block;
-moz-padding-start: 1em ;
-moz-border-start: ソリッド;
border-color: 青;
}
span[_moz_quote=true] {
color:青;
}
pre[_moz_quote=true] {
色: 青;
}
表示: ブロック;
>フォントの太さ: 太字;
マージン: 0.67em>}
表示: ブロック;
フォントの太さ: 1.5em; ;
マージン: .83em 0;
h3 {
フォントサイズ: 1.17em;
マージン: 1em 0;
}
h4 {
表示: ブロック;
フォントの太さ: 太字: 1.33em 0;
表示: ブロック;
フォントサイズ: 0.83em;
マージン: 1.67em 0;
表示:
フォントサイズ: 0.67em;
マージン: 2.33em 0;
表示: ブロック; -固定;
フォントサイズ: 中;
マージン: 1em 0;
xmp、pre、プレーンテキスト {
表示: ブロック; 🎜>フォントファミリー: -moz-fixed;
空白: pre;
マージン: 1em 0;
/* テーブル */
表示: table;
border-spacing: 2px;
border-collapse: Separate;
margin-bottom: 0; border-collapse:collapse ? */
-moz-box-sizing: border-box;
}
table[align="left"] {
float: left;
}
table[align="right"] {
text-align: start; not([rules="none"]) {
border-collapse:
}
/* キャプションはテーブル外部ではなくテーブルから継承します */
caption {
display: table-caption;
text-align: 中央;
-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 {
表示: テーブル行;
vertical-align: 継承;
}
col {
表示: テーブル列;
}
colgroup {
表示: テーブル列グループ;
}
tbody {
display: テーブル行グループ;
vertical-align: 中央;
}
thead {
display: テーブルヘッダーグループ;
vertical-align: 中央;
}
tfoot {
display: テーブルフッターグループ;
vertical-align: 中央;
}
/* tbody のない XHTML テーブルの場合 */
table > tr {
vertical-align: middle;
}
td {
表示: テーブルセル;
vertical-align: 継承;
text-align: 継承;
パディング: 1px;
}
番目の {
表示: テーブルセル;
vertical-align: 継承;
フォントの太さ: 太字;
パディング: 1px;
}
tr > form:-moz-is-html, tbody > form:-moz-is-html,
thead > form:-moz-is-html, tfoot > form:-moz- is-html,
table > form:-moz-is-html {
/* 重要: これらのフォームを HTML に表示しないでください */
display: none ! important;
}
/* インライン */
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
b、strong {
フォントの太さ: 太字;
}
i、cite、em、var、dfn {
font-style: italic;
}
tt、コード、kbd、samp {
フォントファミリー: -moz-fixed;
}
u, ins {
text-decoration: 下線;
}
s、ストライク、del {
text-decoration: line-through;
}
点滅 {
テキスト装飾: 点滅;
}
big {
font-size: 大きい;
}
small {
font-size: 小さい;
}
sub {
vertical-align: sub;
フォントサイズ: 小さくなります。
行の高さ: 通常;
}
sup {
vertical-align: super;
フォントサイズ: 小さくなります。
行の高さ: 通常;
}
nobr {
空白: nowrap;
}
/* タイトル */
abbr[title], acronym[title] {
border-bottom: dotted 1px;
}
/* リスト */
ul, menu, dir {
display: block;
リストスタイルタイプ: ディスク;
マージン: 1em 0;
-moz-padding-start: 40px;
}
ol {
表示: ブロック;
リストスタイルタイプ: 10 進数;
マージン: 1em 0;
-moz-padding-start: 40px;
}
li {
表示: リスト項目;
}
/* ネストされたリストには上下の余白はありません */
ul ul、ul ol、ul dir、ul menu、ul dl、
ol ul、ol ol、ol dir、olメニュー、ol dl、
ディレクトリ ul、ディレクトリ ol、ディレクトリ dir、ディレクトリ メニュー、ディレクトリ dl、
メニュー ul、メニュー ol、メニュー ディレクトリ、メニュー メニュー、メニュー dl、
dl ul、dl ol、 dl ディレクトリ、dl メニュー、dl dl {
margin-top: 0;
マージンボトム: 0;
}
/* 2 つの深い順序なしリストは円を使用します */
ol ul、ul ul、menu ul、dir ul、
ol menu、ul menu、men 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メニュー、ol メニュー メニュー、ol dir メニュー、
ol ol dir、ol ul dir、ol メニュー ディレクトリ、ol dir dir、
ul ol ul、ul ul ul、ul メニュー ul、ul dir ul、
ul ol メニュー、ul ul メニュー、ul メニュー メニュー、ul dir メニュー、
ul ol dir、ul ul dir、ul メニュー ディレクトリ、ul dir dir、
メニュー ol ul、メニュー ul ul、メニュー メニュー ul 、メニュー ディレクトリ ul、
メニュー ol メニュー、メニュー ul メニュー、メニュー メニュー メニュー、メニュー ディレクトリ メニュー、
メニュー ol ディレクトリ、メニュー ul ディレクトリ、メニュー メニュー ディレクトリ、メニュー ディレクトリ dir、
ディレクトリ ul、 dir ul ul、dir menu ul、dir dir ul、
dir ol メニュー、dir ul メニュー、dir メニュー メニュー、dir dir メニュー、
dir ol dir、dir ul dir、dir メニュー dir、dir dir dir {
リストスタイルタイプ: 正方形;
}
/* リーフ */
/*

---

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 ソリッド;
}
img:-moz-broken::before、input:-moz-broken::before、
img:-moz-user-disabled::before、input:-moz-user-disabled ::before、
img:-moz-loading::before、input:-moz-loading::before、
アプレット:-moz-empty-除く-children-with-localname(param):-moz -broken::before,
applet:-moz-empty-excel-children-with-localname(param):-moz-user-disabled::before {
content: -moz-alt-content !重要;
unicode-bidi: 埋め込み;
}
オブジェクト:-moz-broken > *|*、アプレット:-moz-broken > *|*
オブジェクト:-moz-user-disabled > *|*、アプレット:-moz-user-disabled > *|* {
/*
明示的に位置合わせされていない場合でも
垂直方向に正しい位置に配置されるように、オブジェクトの位置合わせを継承します。バグ 36997 を参照してください。明示的に位置合わせされる可能性があるため、この
は重要ではないことに注意してください。
*/
vertical-align: 継承;
}
img:-moz 抑制、input:-moz 抑制、object:-moz 抑制、
embed:-moz 抑制、アプレット:-moz 抑制 {
/*
ページの表示が変更された場合に備えて、可視性も設定します。一般に、
display:none があまりにも多くのレイアウトを壊すことがわかった場合、
表示を設定するだけで表示を行わないこともあるということに注意してください。そして、
ユーザーがブロックされた画像などを右クリックできるようにしたいと本当に決めた場合は、
どちらも設定せず、ペイント コードをハックする必要があります.... :(
*/
表示: なし !重要;
可視性: 非表示 !重要;
img[usemap], object[usemap] {
色: 青; {
表示: 重要;
オーバーフロー: 静的!
境界: 重要; 🎜>}
frame {
border: none !
}
iframe {
border: 2px inset;
}
noframes {
display: none;
}
spacer {
位置: 重要;
フロート: なし !
キャンバス {
-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、font:focus、form:focus、h1:focus、h2:フォーカス、h3:フォーカス、h4:フォーカス、
h5:フォーカス、h6:フォーカス、hr:フォーカス、i:フォーカス、img:フォーカス、ins:フォーカス、
kbd:フォーカス、ラベル:フォーカス、凡例: focus、li:focus、link:focus、menu:focus、
object:focus、ol:focus、p:focus、pre:focus、q:focus、s:focus、samp:focus、
small: focus、span:focus、strike:focus、strong:focus、sub:focus、sup:focus、
table:focus、tbody:focus、td:focus、tfoot:focus、th:focus、thead:focus、
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;
表示: インラインブロック;
vertical-align: text-bottom;
text-align: 開始;
-moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizo​​ntal');
} marquee[direction="up"], marquee[direction="down"] {
-moz-binding: url('chrome://xbl-marquee/content/xbl-marquee. xml#marquee-vertical');
高さ: 200px;
}
/* 印刷専用ルールに従います */
@media print {
marquee { -moz-binding: none; }
/* XXX これは必要ありません。
要素だけでなく、印刷プレビューではあらゆる種類の
の点滅を停止する必要があります */
blink {
text-decoration: none ;
}
}