転送製品は、わずかライブラリです:http://www.pinlue.com/article/2020/03/0518/589985651224.html
bcredibleリスト文法上のCSSのヒントの使用について多く、それが上の非常に実用的です。ちょうどあなたが書いた前にたくさんのことを知って、めったになぜ考慮することはできません。それを行うことができますCSSは、彼または彼女の知識よりもはるかに多くのことのようです。
1. CSSフォント速記ルールの定義
一般的な文言は次のようになります:
フォント重量:太字;
フォントスタイル:イタリック;
フォントvarientの:スモールキャップ。
フォントサイズ:1EM。
行の高さ:1.5em;
フォントファミリ:MS Pゴシック、サンセリフ
実際には、あなたは、より簡潔な文言を使用することができます。
フォント:太字イタリックスモールキャップ1EM / 1.5em MS Pゴシック、サンセリフ
もっと簡単な方法はありませんか?しかし、ノートにこの速記ポイントの使用:;設定されていない場合は、同じフォントの太さ、フォントスタイル、およびフォントvarientのこれらの属性効果の速記定義については、少なくとも、フォントサイズ、およびフォントファミリこれら二つの属性でを提供しなければなりません与えられた言葉は、正常にデフォルト設定されます。
2.クラスの両方を使用して定義しました
一般的に、我々は唯一のブロックにクラスの内容を指定しますが、それは我々が唯一のいずれかを指定できることを意味するものではありません。ご希望の場合は実際には、あなたは同時に、クラスの任意の数のコンテンツの一部に割り当てられていることができます。例えば:
P ... / P
クラスは、複数の空間との間で分離することができます。重複する複数の間のクラスのプロパティは、CSSクラス定義ファイルで定義された各々の位置に応じて、属性を使用すると、ここでクラスクラスに自動的に上書き以前に定義された属性(というよりも配置の順に定義された場合上書き)
3. CSSボーダーデフォルト値
通常、我々は国境の性質は色、幅、スタイル、これらの特性を提供します定義します。たとえば、国境:3px固体#000。しかし、実際には、それだけで属性のスタイルを提供しなければなりません。あなただけの境界線を書く場合:固体その後、他の属性は、自動的にデフォルト値を使用します。デフォルトの幅ボーダー(3px-4PX程度)中で、デフォルトの色は、テキストコンテンツの境界線の色の内側に位置しています。これらのデフォルト値が要件を満たすようにする場合は、これら2つのプロパティを省略することができます。
特に印刷用4. CSSドキュメント
多くのWebページは、別の適切な印刷CSSのリンク、ユーザーフレンドリーなインターフェイスを表示します。ブラウザが自動的に表示または印刷に適切なCSSを呼び出すように、しかし、実際には、あなたのページには、2つのCSSドキュメントのリンクを指定することができます。例えば:
リンクタイプ= "テキスト/ cssの" REL = "スタイルシート" のhref = "stylesheet.css" メディア= "画面" /
リンクタイプ= "テキスト/ cssの" REL = "スタイルシート" のhref = "printstyle.css" メディア= "印刷" /
メディア属性のリンクを指定することで、ブラウザがページを処理するために必要な特定のCSSファイルを呼び出すことができるようになります。より多くの提案を印刷について、異なる印刷を参照してください。
垂直配向5. CSSコンテンツ
コンテンツの中間テーブルが垂直に可能にすることができる。従来の垂直配向テーブルが容易であれば、垂直整列として、実装されています。しかし、それはCSSの内部には、このプロパティを動作しません。
溶液は、コンテンツブロックとして高いように配置されたラインの高いコンテンツです。例えば、あなたの高いdiv要素が32PXで、その後、内部のあなたのCSSの定義のプロパティ行の高さを追加します:32PX;このようなテキストルックスは、内側層の上に垂直方向に中央揃えされています。しかし、この方法には良い方法はないように思われるもの、複数行のテキストのテキストのみの単一の行に適用されます。
6.背景色は、垂直であることができる端部レイシーになるよう
人に不快な場所にその垂直配向膜用CSSおよび他の従来のテーブル。あなたのページが2の背景色と総ページの背景色が異なるものである一方で、比較的長く、他の列は、短いである2、に分割されている場合は効果がTD限り、テーブルとは異なり、比較的醜いであることを示します高さは、各列の高さの100%に設定することができ、同じ長さで描かれています。
この問題を解決するには、ユーザーだけが平らに見えることができ、各列と背景色の幅に基づいて背景画像を設定し、トリッキーな方法を使用しているようです。
体
{
背景:URL(青image.gif)0リピート-Y
}
7.ブロック/インラインプロパティ
任意のHTML要素は、ブロックまたはインラインです。
ブロック要素の特徴は次のとおりです。
常に新しい行を示し始める開始
高さは、行の高さ、トップ/ボトムマージン属性を設定することができます
あなたが別の幅の値を指定しない限り、幅のデフォルト値は、100%
HTML要素のこのタイプのように、DIV、P、H1、フォーム、UL Liとが含まれます。
インライン要素の特徴は次のとおりです。
現在の行の後ろに直接表示
高さは、行の高さは、トップ/ボトムマージン属性を変更することはできません
幅値は、テキスト/画像を含むの幅に等しく、この値を変更することはできません
スパンを含むHTML要素のこのタイプ、ラベル、入力、IMG、強いEM、などが挙げられます。
インラインまたはディスプレイ:上記の要素ブロックの特性を変更するために:あなたは、要素が表示属性を設定することができます。
ページの最小幅を設定します。8.
便利な属性CSSの構文は、最小幅です。このプロパティを使用すると、任意の要素の最小の幅を設定することができます。あなたは、ページの最小幅を制限するために、これを使用することができることを意味が表示されます。
しかし、小さな問題があります:IEブラウザはそれほど仕事に、このプロパティを聞かせて、body要素に最小幅を設定することはできません、私たちは回り道を取る必要があります。
まず、本体の後ろのdivを挿入します。
体
DIV
600PXの最小幅を定義する次にCSSの定義:
#容器
{
最小幅:600PX。
幅:式(document.body.clientWidth 600 "600PX":? "オート");
}
最初のプロパティは、標準の文言によって定義される最小の幅であり、第二の属性には、JavaScript IE発現を理解することができるだけです。
また、同時に最大とページの最小幅を設定することができます。
#容器
{
最小幅:600PX。
最大幅:1200px;
幅:式(document.body.clientWidth 600 "600PX":document.body.clientWidth 1200 "1200px":? "オート");
}
9.テキスト-transformプロパティを
このプロパティはまた、多くの人々の間でCSSを使用しますが、プロパティの1つの非常に有用である可能性があります。使用できる一般的な値は次のとおりです。テキスト変換:大文字、テキスト変換:小文字とテキスト変換:大文字に。最初は大文字にすべての文字を変換します。第二は、小文字にすべての文字を向けるだろう。第三プットに各単語の最初の文字を大文字に順番に。しかし、英語以外のサイトのために、この機能は確かに何に費やされています。
テキストと画像の消失10. IE
IEは非常に不可解バグがあります。時々、テキストや背景画像は、生と死は表示されません。あなたはすべてのページ全体を選択した場合は、コンテンツがまだそこに実際にあることがわかります、または通常のページ表示を再更新します。
一般的に、この問題は浮動要素や背景画像本体の後ろに表示されるテキストを持つもので発生しました。相対的なプロパティ:この問題を解決するには、位置を消えるそれらの要素を追加しようとすることができます。足りない場合は、widthプロパティについて、設定してみてください。一般的には、問題が解決されそう後。