CSSリスト、テーブル、フォーム、アドバンスドセレクタ、およびボックスモデル
リスト#リスト#
リストスタイル
シーンの操作
横または縦メニュー(整列または無秩序リスト)カスタムリスト(レベルのあるコンテンツ、図の混在するコンテンツ)
リストスタイルのプロパティ
異なるリストスタイルの設定:list-style-typeul.circle {list-style-type:circle;} 。
ul.square {list-style-type:square;} 。
画像をリストの項目タグに設定する:list-style-imageul
{
list-style-image:url(" ");
}
リスト内のリスト項目タグの位置を指定:list-style-positonul
{
list-style-position:inside;
}
略記プロパティ宣言ですべてのリストプロパティを設定します:list-style :
type,position,image
ul
{
list-style:square inside url(' ');
}
表
シーンの適用
規則性のデータ展示
きほんこうぞう
table-tr-td
フォーム要素および共通属性
ul.circle {list-style-type:circle;} 。
ul.square {list-style-type:square;} 。
ul
{
list-style-image:url(" ");
}
ul
{
list-style-position:inside;
}
:
type,position,image
ul
{
list-style:square inside url(' ');
}
シーンの適用
規則性のデータ展示
きほんこうぞう
table-tr-td
フォーム要素および共通属性
ツールバーの
アクション属性
action 。
action , action 。
Methodプロパティ
method HTTP (GET POST):
getとpostの使用の違い
GET(デフォルトメソッド)を使用するのはいつですか?
( ), 。
GET , ,GET 。 。
POSTはいつ使いますか.
, ( )。
POST , 。
##シーン収集データの適用
#CSSアドバンスドセレクタ##パラレルセレクタ###は、セレクタをグループ化できるように定義します.これにより、グループ化されたセレクタは同じ宣言を共有できます.グループ化が必要なセレクタをカンマで区切ります.####例``h 1,#red,.first,h4,h5,h6 { color: green; } 注意:異なるタイプのセレクタは、パラレルセレクタの一部としてカンマで区切ることができます.交差セレクタ###定義ラベル+IDまたはクラス###の例
h1.second{.....}
子孫セレクタ
定義#テイギ#
子孫セレクタは、ある要素の子孫としての要素を選択できます.
構文
子孫セレクタでは、ルールの左側のセレクタの一端に、スペースで区切られた2つ以上のセレクタが含まれます.セレクタ間のスペースは結合子です.
例
p a{....}
サブエレメントセレクタ
定義#テイギ#
サブエレメントセレクタは、ある要素のサブエレメントとしてのみ選択できます.
例
この規則は、最初のh 1の下にある2つのstrong要素を赤にしますが、2番目のh 1のstrongは影響を受けません.
This is very very important.
This is really very important.
属性セレクタ
定義#テイギ#
属性セレクタは、要素の属性および属性値に基づいて要素を選択できます.
例
入力ボックスのtype=「text」のすべての要素を選択します.
input[type="text"]{......}