ページ編集でCSSスタイル表のテクニックをまとめました。
1584 ワード
一、コメントについてxhtml+CSSサイトを作成するには、CSSのコメントが重要です。CSSスタイルを作成するには、便利な注釈の習慣を維持しなければならない。一般的に、私は使用に慣れています。 コメントの内容 */”のフォーマットでコメントを書きます。EditPlusなどの明るい機能を持つエディタでは、C言語でよく使われている「/*******/」などのコメントは意味がないので、多くの無意味な内容を区切る必要はありません。コメント付きの文書はウェブサイトのオリジナルCSS文書として、ウェブサイトを公開する際にCSS圧縮ツールを使ってCSSを圧縮し、出力されたCSSに注釈を抜き、ファイルの転送効率を向上させることができます。二、命名についてはCSSファイルに命名する時、意味に合う英語名や略語を使って命名するのが好きです。非常用部分では一部ピンインで命名するかもしれません。また、いくつかの従属関係のあるクラスで、私は「list_」のようなものを使うかもしれません。bannerなどの名前は、父の元素名に「ウ」をつけます。元素名を加えます。ネーミングについては、チームデザイナーの習慣によって協議することができます。ただし、名前を付けた後にコメントを付けて、後でドキュメントを作成して調べます。三、継承性についてはCSSにおいて、継承性を善用しなければならない。例えば、二つの入れ子のdivにおいて、親要素がbackground-カラー属性を黒と定義していますが、サブ要素の背景が同じ黒であれば、定義を繰り返す必要はありません。CSSの継承性を上手に利用することで、コードをより効果的に、より簡単にすることができます。四、CSS定義の階層については、CSSにおけるクラスを定義する際に、語句を階層的に明確に記述することを提案する。構成例:
例CSS:萶menu { ... } #メン .menulist { ... } #メン .menulist .selectit { ... } 上記の例では、最終的な効果から、繰り返し出現する必要はありませんが、実際には前に〹menuを加えることができれば、文書のレベルがより明確になり、より読みやすくなります。五、様式の順序付けについてはCSS様式表を設計する時、私達は手書きコードが多く、これでクラスの中の様式の順序付けが混乱しやすいです。たとえば、いくつかのクラスの中でpadding、margin、background、カラーなどのスタイルを使っていますが、並べ替えの時、あるクラスはbackgroundが前にあります。このように一定の混乱をもたらして、考えを挫折させやすいです。個人やチームのデザイナー協定の大まかな順序を提案します。このように個別的には大差は見られませんが、全体的には読みやすく、管理しやすく、全体的な効率が高くなります。たとえば、私はデフォルトではwidth、height、padding、margin、borderなどを前の位置に置いています。backgroundの次に、テキストをコントロールするfont、カラー、text-alignなどがあります。次はいくつかの特殊なラベルでしか使えない元素です。list-styleなど、最後はcssフィルタです。特別な場合(例えば、CSSのいくつかの属性の優先度が定義される必要がある)は柔軟に処理することができる。ここまでまとめました。火徳は皆さんの補充、ご指摘を歓迎します。