ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS 言語ノート<1>_html/css_WEB-ITnose

CSS 言語ノート<1>_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:46:53
オリジナル
1101 人が閲覧しました

CSS (カスケード スタイル シート) 中国語: カスケード スタイル シート

定義された構文:

例:

<style type="text/css">a{  color:red;  text-align:center;  font-size:24px; }</style>
ログイン後にコピー

Selector

id selector

HTML タグid を使用してセレクターを設定します。CSS では、「#」を使用して選択します。

例: テキスト

選択された表現方法は次のとおりです。
例:

<style type="text/css">#a{  color:red;  text-align:center;  font-size:24px;    }</style>
ログイン後にコピー

class selector

クラスセレクターの場合は、id セレクターとは異なり、複数の HTML タグで使用できます。

例: テキストの一部

テキストの一部

例:

<style type="text/css">.qqq{    color:red;    text-align:center;    font-size:24px;        }</style>
ログイン後にコピー

th aタグ下のqqq要素を表す2通りの書き方

<style type="text/css">a.qqq{   color:red;   text-align:center;   font-size:24px;       }</style>
ログイン後にコピー

複数要素セレクター

例:

<style type="text/css">a,b,c,d{        color:#FFFFFF;        text-align:center;        font-size:24px;        }</style>
ログイン後にコピー

子孫要素セレクター

例のaの下にあるli要素を選択し、子孫要素を選択するにはスペースを使用します。

例:

<style type="text/css">.a li{       color:red;      }</style>
ログイン後にコピー

子要素セレクター

子要素はクラス下の同一要素であり、親子関係にあります。

を表すには大なり記号を使用します。 例:

<style type="text/css">.a > .title{                color:#FF6300               }</style>
ログイン後にコピー

summary

id は一意であり、クラスは多用途です。

つづく......

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート