1

今週末、架空のウェブサイトのテンプレートを作りました。私はこれを頻繁に行い、最小限のマークアップと非常に簡潔な CSS を使用して、非常にきれいにコーディングされた Web サイト テンプレートを構築しようとします。

サイトをクライアントに引き渡す前に、サイトを完全に検証したいと考えています。

http://validator.w3.org/checkを使用して2つの問題があります（他の人が完全に有効なWebサイトを作成する方法を知りたいと思っていました）：http://validator.w3.org/check

バリデーターが CSS 2.1 仕様に対してチェックするため (推測)、いくつかの CSS3 プロパティ (transitions、box-shadows、border-radius など) を使用すると、サイトが検証に失敗します。CSSでこれらのプロパティを使用してバリデーターを渡すために使用する方法はありますか? それらを区切って条件付きコメントで囲みますか？

2 つ目は @import CSS メソッドです。私のヘッダーには、main.css というスタイルシートが 1 つあります。このスタイルシートには、次のようなものがあります。

/*site structure*/
/*@import url("grid_system_960.css");*/

/*default style rules
@import url("layout.css"); */

/*navigation.css
@import url("navigation.css");*/

CSS をモジュール化してクリーンに保つために単純にこのようにしていますが、@import もバリデーターに失敗しました。

私の構造/方法を改善するために私が取ることができる提案はありますか?

4

1 に答える 1

8

サイトをクライアントに引き渡す前に、サイトを完全に検証したい..

止まる。検証はツールであり、競争ではありません。コードが失敗する理由と、仕様からの逸脱の結果を理解していれば、それは問題ではありません。

バリデーターが CSS 2.1 仕様を使用してチェックするため

バリデーターは、指定したプロファイルを使用します

2 つ目は @import CSS メソッドです。

これを本番コードで使用しないでください。HTTP リクエストの数が増加し、サイトの速度が低下します。公開前に CSS を結合および縮小します。

@import もバリデータに失敗しました

次に、それを間違って使用しています (おそらく、スタイルシートの最初のものにするのに失敗したためです)。「CSS 2.1 では、 @import ルールは他のすべてのルールよりも優先する必要があります (存在する場合は@charsetルールを除く)。」

于 2011-04-18T10:22:10.827 に答える