2011-01-29 6 views
1

私はCSSに関するいくつかのチュートリアルを読んだことがありますが、私が見たサイトや、 CSSを意味します。何をしますか? CSSの意味ですか?

平均?

+0

なぜ、そのサイトでの意味を読まなかったのですか? – leppie

+0

@leppie - 彼はたぶん "on one"ではなく "not one"を意味していました。 –

+0

@フランシー・ペノフ:私は、単一のサイトで説明したとは思えません。これはCSSの基本概念の1つです。 – leppie

答えて

2

文脈なしのものはありません。

あなたはa class selectorを参照していると思われます。

-1

class selectorです。属性がclassで、.の後の値を持つすべての要素にルールを適用する必要があることを意味します。

+3

http://w3fools.com/をご覧ください - 通常通り、ここにはエラーがあります。 "以下の例では、class =" center "のp要素はすべて中央揃えになります。 'text-align'はそれが適用されている要素を中心にせず、その要素のインラインとテキストの子を中心にします。 – Quentin

+0

はい、w3schoolsにはいくつか間違いがあります。 –

1

さて、次のコンテキストで:

.foo { 
    //properties 
} 

それはfooがクラスであることを示しています。 #はそれがIDであることを意味し、何もない場合は、そのタイプのすべてのタグを意味します。だから、htmlでは、あなたは "。"このように: "#" のために

<div class = "foo"></div> 

それは/

<div id = "foo"></div> 

使用クラスだろう ""それを複数のものに適用したい場合は、 1つの事に適用したい場合はid/"#"を使います。

クラスが何であるか疑問に思った場合: クラスはcssで3種類の方法を選択する3つのタイプのうちの1つです。 id(私が説明した)は、次のプロパティがタグ内に 'id = "foo"'を持つもの(通常は1つ)に適用されると言います。クラスセレクタは、そのタグの中に "class =" foo ""があるものすべてに適用されることを意味します。それ以外のものがない場合は、その名前のすべてのものに適用されることを意味します。

.foo { //applies to all things with "class="foo"" in tag. 
    border: black thin solid // applies a black border to them. 
} 
#foo { //applies to all things with "id="foo"" in tag. 
    border: black thin solid // applies a black border to them. 
} 
div{ //applies to all div tags. 
    border: black thin solid // applies a black border to them. 
} 
h1{ //applies to all h1 tags 
    border: black thin solid // applies a black border to them. 
}