2013-03-09 15 views
5

のために使用される「時」で、ルールの異なるものを行うありますが、彼らと私のようないくつかのキーワードで使用 @記号見てきました:CSSでの、ルールは何であり、どのようなCSSで

@import 
@media 
@keyframes 

などが、私はそれが、変更に利益をもたらすか、CSSの残りの部分から差別化する方法、いっそ @が実際に何を意味するのか、それがどのように使われるかまたは知って探しています。

私はW3 section about at-rulesを読みましたが、それは明確に説明していない(私は実際にそれを読んで、私はさらに混乱してしまった)何 @手段を、それが具体的に使用されます。

+1

'#'のような ''です@ただマーカー、:arbitrarily-選択された記号は、以下が特別ルールのキーワードであることを意味します。それぞれのルールは異なりますが、共通点はほとんどありません。 –

+1

ブラウザパーサー用の別の「命令」。私はこのシンボルの後に 'X'が付いているのでこれを行う –

+0

明確な答えのために@KolinkとNateに感謝します。非常に高く評価。 –

答えて

5

@charset at-ruleを使用して、外部スタイルシートの文字エンコードを指定できます。それはファイル内の他のものの前に現れなければならない。

@import at-ruleでは、1つのスタイルシートを別のスタイルシートにインポートすることができます。すべての@import at-rulesはすべてのルールの前に現れなければなりません。

@media at-ruleでは、指定したメディアタイプにルールを適用できます。

@page at-ruleを使用して、ページングされたメディアの余白を指定できます。両面印刷の場合は、左ページと右ページに異なる余白を設定することができます。

@font-face at-ruleでは、カスタムフォントを指定できます。

@namespace CSS3のat-ruleでは、XML名前空間とその名前空間を指定できるオプションのプレフィックスを宣言できます。

私があなただったら、私は次のリンクをチェックアウトします。

まずhttp://reference.sitepoint.com/css/atrulesref

ならびに以下:

https://developer.mozilla.org/en-US/docs/CSS/At-rule
http://css-tricks.com/at-rule-css/

+0

すごくおかげさまで、mozillaとsitepointのリンクは、@ 1についての疑いを解消します。また、この質問を重複として提案したユーザーは、他の質問に@がどのように使われているかのヒントを与えてくれているので、正しいです。どうもありがとう。 –

関連する問題