7

私は CSS に比較的慣れていませんが、初心者としては十分に言語を理解できているようです。ただし、私が読んだチュートリアルの多くは、「スタイルシートを適切に整理して構造化する」ことについて警告することがよくありますが (そして、なぜ今私がかなり長いスタイルシートを自分で作成したのかがわかります)、スタイルシートの標準化された形式、または後で人間が読みやすくするレイアウトの論理パターン。

たとえば、ページの「地理的」セクション (ヘッダー、行 1、行 2、記事 1 など) ごとにコメント ブラケット セクションを作成し、そのセクションのすべてのスタイルをそれらのコメント ボーダー内に保持しますか? 問題は、他のセクションで再利用されるスタイルがある場合のようです。それらをページ全体のスタイルのセクションの下に配置すると、セクションごとにグループ化する目的がまったくなくなります。同様に、テキスト スタイル、レイアウト スタイルなどに基づいてグループ化してスタイルシートを構成すると、さらに混乱するようです。

「良い習慣」はありますか？ばかげているように聞こえるかもしれませんが、HTML や CSS で何をしようとも、誰かが間違っている、悪い慣行、または意味不明であると言う準備ができているようで、私は混乱したままです。雇用主が将来チェックしたい場合に備えて、私のコードを私の仕事の良い例にしたいと思っています。

4

2 に答える 2

5

私は実際に教わったことはありませんが、私が CSS ドキュメントをどのように整理しているかをお知らせします。あなたが言うように、私はそれを「地理的」領域に分割するのが好きです...つまり、ヘッダー、サイドバー、メインコンテンツ、フッターなどに適用されるルールです。そして、これらの下に非常に具体的なルールを追加します、特定のページのフォームまたはテーブルのスタイルを設定する必要がある場合など。最後に、全面的に適用できる一般的なルールを追加するときに、下部に「General Gubbins」セクションを追加します。

そうそう、すぐに参照できるように、デザイナーのパレットを一番上に追加するのも好きです。

例えば...

/*
PALETTE:
dark grey : #555555;
pink      : #d93575;
*/

/* HEADER */
#header {...}
#header ul {...}

/* SIDE BAR */
#side {...}
#side ul {....}

/* CONTENT */
#content{...}
#content p {....}

/* FOOTER */
#footer{...}
#footer div {....}

/* FORMS */
form {...}
input {...}

/* GENERAL GUBBINS */
.center {...}
strong {...}
floatleft {...}
于 2013-05-14T10:02:06.923 に答える