2009 2009年 7月 28

CSS2.1ユーザーエージェントのスタイルシートのデフォルト

昨日、私はGoogle ChromeのCSSをリセットで発生した問題の後に...私はユーザーエージェントのスタイルシートの領域に深いビットを掘ると考え...
CSS2.1 ...ユーザーエージェントのスタイルシートのデフォルト値にこのテーブルを見つけました(どのような"ユーザーエージェントのスタイルシート"を知らない人のために従っているユーザーエージェントのスタイルシート(仕様)は何ですか

CSS 2.1ユーザエージェントのスタイルシートのデフォルトの完全なリストについては、ここをクリック


2009 2009年 7月 27

ユーザーエージェントのスタイルシート:GoogleのChromeの謎の余白

昨日、他のすべての "グラウンドホッグデー"のように、私はいくつかのCSS /テーブルレスレイアウトで働いていた。 すべてのIE 7、FF 3、Chromeでうまくいったが、刚性は突然、私はGoogle Chromeで見られるいくつかの非無視マージンを見ました。 非常に奇妙なworringかかわらず、それは私がaccrossに来たことをいくつかの新しいバグ/問題でした、私の平凡な仕​​事のいくつかのスパイスは、最終的にあった。 悲しい(しかし素晴らしい)は、プローブの数分以内に修正されました...

Google Chromeは私のCSSをリセットし(:0pxマージン)は無視のような基本的に、それは見えた。 それは実際にユーザーエージェントのスタイルシート(-webkitの-パディング-スタート:40px)によって引き起こされた。 0ふらちな要素:だから解決策は、パディングを設定することにより、このスタイルをリセットすることであった。
任意の要素に起きてからこの問題を回避する良い方法は、次のようにグローバルなCSSレストを使用することです

* {マージン:0;パディング:0;}

ユーザーエージェントのスタイルシート(仕様)とは何ですか?
次の抜粋は、から取られhttp://meiert.com/en/blog/20070922/user-agent-style-sheets/ 、ユーザーエージェントのスタイルシートの詳細を読むためにリンクをたどる

しかしおそらく平凡な - - 方法CSS 1は、各ユーザーエージェント(UA、しばしば "Webブラウザ"または "Webクライアントは ')合理的にドキュメントを提示するデフォルトのスタイルシートを持っていることを示すことによってアイデアを紹介しています。 CSS 2は、適合するユーザエージェントは、デフォルトのスタイルシートを適用する必要があります(または、彼らがしたかのように動作)とユーザエージェントのデフォルトスタイルシート言語の一般的なプレゼンテーションの期待を満たす方法で、文書言語の要素を提示しなければならないという。CSS 3は、同じ心である可能性があります。

CSSの仕様は、デフォルトの表示かどうかについては、 "本物の"スタイルシートを使用するかどうかを実装に任せているので、それはあなたがすべてのブラウザのインス​​トールフォルダのデフォルトのスタイルシートが見つからないという驚くべきではありません。 Microsoft社のInternet Explorerとは異なり、同様に例えばオペラ(と私が知る限り)、FirefoxやNetscape NavigatorなどのGeckoブラウザ( "html.css"の外観)だけでなく、Konquerorは、デフォルトのスタイルを理解することがなく、簡単に行えます。


2008 2008年 3 11

CSSリセットは何ですか?

CSSのリセットは/さまざまなブラウザ間で一貫性を作成し、特定のベースラインに要素のスタイルの数を設定するCSSです。

我々は、すべてのクロスブラウザのCSSのを書いている悪夢をしてきた。 だから我々はCSSを書き始めるときに、これは、任意のクロスブラウザの矛盾を削除/リセットして最初にそれをリセットする方法です。 CSSをリセットし、あなたはあなたにあなたの構築を開始するために、クリーンなベースを与えて、使ってCSSを開始することをCSSの簡単な数行があります。

私が通常使用する傾向があることをCSSのリセットは、次のようになります。

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

オール、UL {
リストスタイル:なし;
}

H1、H2、H3、H4、H5、H6 {
フォントサイズ:100%;
フォント重量:ノーマル;
}


ブラウザのフォントサイズをリセット
また、次の行でブラウザのフォントサイズに適用されているリセットに注意してください。...

html {font-size: 76%;}

CSSをリセットするブラウザのフォントサイズを10ピクセルに上、これは相対的なフォントサイズ(prespective WAI準拠のすべての重要である)で動作することが可能になります
例については、以下の定義では、スパン内のフォントサイズは​​10ピクセルとparagarphに14ピクセルに設定されていることに設定されています...

span {font-size: 1em;}
p {font-size: 1.4em;}


NDKホーム | ITを表現 | 表現口蓋 | Penmenshipを表現 | 表現する素晴らしい | 自分を表現