これは昔からの記事です。今では、その中のアイデアは学ぶ価値があるようです。 vevb.comでケースを学習しますが、理論的知識を学ぶことは、知識のブレークスルーにとって非常に役立ちます。さあ、みなさん!
「Webサイトリファクタリング」(第2版)の中国語版であるZeldman氏のMasterpiece Designingを読んでいるので、私は深い感覚を持ち、Web標準を使用してプロジェクトを開発および実践するという考えを強化しました。しかし、Web標準とは何か、実際のプロジェクトにそれらを適用する方法を知るだけでは十分ではありません。 Web標準の各コンポーネントを1つずつ学習し、適用し、1つずつ倒して、本質を発見する必要があります。私のようなWeb開発デザイナーにとって、私たちはこの原則を理解し、ターゲットを絞った学習と実践を実施することでより多くの利益を得ると信じています。また、中国のWeb基準の適用への貢献でもあります。 (ハハ、これは少し自慢するかもしれませんが、それは確かに私たちのソフトウェア実践者のほとんどの理想です。)
現在、Web2.0と3.0の時代、XHTML、XML、CSS、ECMAScript、およびDomの時代です。それらは最終的なテクノロジーではありませんが、一緒にソリューションになります。また、後方互換性のあるWebサイトを構築する予定であり、Web標準を満たすWebサイトを作成するために必要な技術的基盤を構築する予定です。より多くのユーザーサポートとアクセスを取得したいだけでなく、長期的で美しいウェブサイトを構築して、長い間注意を引き付けます。私たちのウェブサイトを改善するためにCSSを使用することを学ぶことは、Web2.0 ERAで彼らの注意とファッションの傾向を引き付ける良い方法であると信じています。以下では、CSSテクノロジーから得た経験についてのみお話します。
CSSの専門家になるためには、CSSセレクターの使用に習熟するだけでは十分ではありません。また、仕事の全体的な計画、作業プロセスの習得、スタイルシートの保守性と効率の向上も含まれます。 CSSを使用すると、私たちが望む素晴らしいウェブサイトを作成できます。CSSを書くことはそれ自体が喜びです。では、より魅力的なスタイルシートをどのように作成する必要がありますか?スタイルシートにはどのような特性がありますか?自分の仕事の経験を学び、組み合わせることで、美しいスタイルのシートを作る良い方法を要約しました。
1. CSSにマークが多すぎないようにしてくださいスタイルシートのリンクまたはインポートは、無知な仕事のように聞こえます。きちんとした、よく組織されたCSS文書を備えた多くのウェブサイトの開発を見てきましたが、ゆっくりと、短期的には迅速に更新できないか、管理できないほどゆっくりとしているため、以前に作成された絶妙なスタイルシートがごみになります。何百ものコンテンツを公開する必要がある巨大なWebサイトで作業している場合。時間が限られているため、迅速な変更または更新を行うには、CSSをネストまたはアレンジする必要があります。時間が経つにつれて、この習慣は、ある日、サイトが完全に転覆し、再設計されていると言われるまで持続します(ただし、コンテンツはまだ同じです)、作成するのに1週間しかありません(テストを含む)。一般的に言えば、スタイルシートの更新は非常に簡単な方法です。ウェブサイトの散在した領域を長い間変更しない限り、ウェブサイトのスタイルシート構造を全体的に把握することはできません。
スタイルシートをリンクまたはインポートすることは、ランダムなことではありません。清潔できれいなスタイルシートを作成して、それを続けると、あなたは仕事に幸せになります。注:新しいコンテンツを更新または追加するたびに新しいスタイルシートを作成しようとする場合、間違いなくトラブルを求めています。スタイルシートのリンクとインポートが多すぎると、バグを排除するのが非常に困難になり、スタイルシートの維持が困難になります。大規模なWebサイトが異なる部品のスタイルシートを個別に作成することは理解できます。極端に行かないように注意してください。多くのスタイルシートを追加すると、HTTPリクエストが追加され、その後の作業にも影響する可能性があります。
2。セマンティック定義は明確で理解しやすいです表現する最も適切で最も意味のある要素を選択することに加えて、クラスとID属性の値の選択を決定する必要もあります。明確な定義はメンテナンスを簡単にすることができ、グループのメンバーはそれを理解します。この定義を参照してください:
.l10k {color:#369; }、.left-blue {color:#369; }、それが私によって行われた場合、私はそれが何を意味するのかを知っているかもしれませんが、私が自分自身を他の人と比較するならば、私はそれを理解しないかもしれません。今日の意味を知っていても、何年も後にそれが何を意味するのかを知っていることを保証できますか?色や長さと幅の寸法をクラス属性に追加しないことをお勧めします。より適切な命名仕様:。作業記述{color:#369; }
3.条件付きコメントとアプリケーションのテクニックをいつ追加するかを知る多くの記事が問題解決に関するいくつかのヒントを書いており、条件付き注釈はIEリリースを制御する良い方法です。 CSSのドキュメントで条件付きコメントを筆記するよりもはるかに優れていることに同意しますが、多くの証拠がこれが最良の解決策ではないことを示していることをゆっくりと気づき始めました。私はその最小高さを要素に設定したいのですが、IE6ブラウザはそれを実行しないので、使用できる高さが同じ方法で扱われることを知っています。スタイルシートを再作成し、ロゴに条件付きコメントを追加します。あなたのニーズはすべて、このルールに従うことですか?最低の高さと高さのルールを一緒に保ち、同じCSSドキュメントで少しのトリックを選択してください、それはより良いでしょうか?この場合、この方法で作業することは難しいと思います。
4.外部スタイルのシートを使用してCSSをWebページに適用してみてくださいいいですか?誰もが非常に明確です。もちろん、コードの再利用を最大化し、Webサイトファイルの構成を最適化することができます。
さて、上記は私の個人的な意見の一部です。皆さんがもっと意見を述べてくれることを願っています。あなたの提案は、困難に挑戦する私の動機です!ありがとう!