CSSリスト、テーブル、フォーム、アドバンスドセレクタ、およびボックスモデル

2628 ワード

リスト#リスト#


リストスタイル


シーンの操作


横または縦メニュー(整列または無秩序リスト)カスタムリスト(レベルのあるコンテンツ、図の混在するコンテンツ)

リストスタイルのプロパティ


異なるリストスタイルの設定:list-style-type
ul.circle {list-style-type:circle;}	      。
ul.square {list-style-type:square;}       。

画像をリストの項目タグに設定する:list-style-image
ul
  {
  list-style-image:url("    ");
  }

リスト内のリスト項目タグの位置を指定:list-style-positon
ul
  {
  list-style-position:inside;
  }

略記プロパティ宣言ですべてのリストプロパティを設定します:list-style
           :
type,position,image
ul
  {
  list-style:square inside url('    ');
  }


シーンの適用


規則性のデータ展示

きほんこうぞう


table-tr-td

フォーム要素および共通属性

  • ラベルのcolspanプロパティ
  • 表ユニット2列にまたがる表
  • ラベルのrowspanプロパティ
  • 表ユニット2行にまたがる表#フォーム##HTMLフォームを定義し、異なるタイプのユーザー入力を収集します.###こうぞう
    HTML :

    ツールバーの


    アクション属性

    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"]{......}
    

    CSSボックスモデル


    内側マージンmargin


    がいぶきょりpadding


    ボーダーborder


    ケースサイズ


    未完待続...