Latest web development tutorials
×

CSS コース

CSS コース CSS 簡単な紹介 CSS 文法 CSS Id と Class セレクタ CSS 作ります CSS 背景(background) CSS テキスト(text) CSS フォント(Fonts) CSS リンク(link) CSS リストスタイル(ul) CSS テーブル(table) CSS ボックスモデル CSS フレーム(border) CSS 輪郭(outline) CSS マージン(margin) CSS 充填(padding) CSS グループ化とネスト CSS サイズ(Dimension) CSS ディスプレイ(display) CSS 検索します(position) CSS フロート(float) CSS 整列します(align) CSS セレクタの組み合わせ CSS 擬似クラス CSS 擬似要素 CSS ナビゲーションバー CSS ドロップダウンメニュー CSS イメージギャラリー CSS 透視画像/不透明な CSS 画像モザイク技術 CSS メディアタイプ CSS 属性セレクタ CSS サマリー CSS 例

CSS3 コース

CSS3 コース CSS3 簡単な紹介 CSS3 フレーム(border) CSS3 背景 CSS3 段階的変化 CSS3 テキストエフェクト CSS3 フォント CSS3 2D 変更 CSS3 3D 変更 CSS3 トランジション CSS3 アニメーション CSS3 マルチカラム CSS3 ユーザーインターフェース

CSS レスポンシブデザイン

Viewport グリッドビュー メディアクエリ ビデオ(video) フレーム

CSS リファレンスマニュアル

CSS リファレンスマニュアル CSS セレクタ CSS スピーチリファレンス CSS Web セーフフォント CSS アニメーション CSS ユニット CSS カラー CSS カラー値 CSS 色名 CSS 16進数の色

CSS Id及びクラスセレクタ

idとクラスセレクタ

あなたがHTML要素にCSSスタイルを設定したい場合は、「ID」と「クラス」セレクタ要素を設定する必要があります。


IDセレクタ

IDセレクタは、HTML要素の特定のスタイルを指定し、特定のIDで標識することができます。

id属性を持つHTML要素には、「#」にCSSのIDセレクタが定義されている、IDセレクタを設定します。

次の規則は、スタイル要素の属性ID = "PARA1"に適用されます。

#para1
{
text-align:center;
color:red;
}

»をお試しください

発言 ID属性が数字で始まらない、先頭のID番号は、Mozilla / Firefoxブラウザでは動作しません。


クラスセレクタ

スタイルクラスセレクタは、IDセレクタは異なりクラスセレクタ要素のグループを記述するために使用され、このクラスは、複数の要素で使用することができます。

表示されたポイント数にCSSクラスセレクタで、示すために、HTMLのclass属性でクラスセレクタ ""。:

次の例では、すべてのHTML要素のような中心部が中央に配置されています。

.center {text-align:center;}

»をお試しください

また、特定のHTML要素は、クラスを使用し指定することができます。

次の例では、p要素の全ては、中央の要素のテキストように、クラス= "センター"を使用しています。

p.center {text-align:center;}

»をお試しください

発言 最初の文字クラス名は、デジタルを使用することはできません! これは、MozillaやFirefoxで動作することはできません。