Webフロントエンドの開発H5知識

まずH5いくつかの一般的な形式があり、div要素で定義されたそれぞれが以前のように、もはやありません。
ヘッダ
NAV
セクション
aritcle

フッターの
ビデオおよびオーディオフォーマット
ビデオ:OGGのWEBMのMP4
オーディオ:MP3 OGG WAV
プロパティ:
自動再生ループポスター幅、高さのsrcコントロール
のsrcファイルソースコントロールは、プラグイン、ポスター中断ループプログレスバーAバーループに従っている
フォームを
ラジオファイルのパスワードのTextAreaのCheckBoxのテキストボタンを選択RESETを提出
H5フォーム:
メール、URL、DATE、週、月、時間は、数、色、範囲、検索
H5フォームが属性
必須必須
オートコンプリート自動メモリ
plactholderメッセージ
パターン正規表現パターン= [AZ] {3}三の文字入力手段ルックで
オートフォーカス、オートフォーカス
ピッチマージン:
HTML、本体、UL、リチウム、OL、DL、DD、DT、P、H1、H2、H3、H4、H5、H6、フォーム、フィールドセット、凡例、IMG
*} {

セレクタ
要素セレクタ

  • ワイルドカード
    の電子タグセレクタ
    #IDのIDセレクタ
    の.classクラスセレクタ
    関係セレクタ
    セレクタ含むEF
    サンズセレクタF Eを>
    隣接セレクタF E +:eおよびすべての要素の要素F
    E E〜Fの兄弟セレクタF以降のすべての兄弟
    疑似クラスセレクタ
    :アクセスリンクの前に
    ホバーホバー:
    :アクティブクリックアクティブ状態
    :訪問先のアクセス
    :フォーカスフォーカス取得
    元素疑似クラスセレクタUI
    E:(一つだけのために選択してチェックチェックボックスやラジオボタン)
    E:有効編集可能な状態(デフォルト状態)
    E:無効無効
    属性セレクタ
    E [ATTR]
    E [ATTR = "値"]
    E [〜のattr = "値"]の値とスペース要素E
    E [ATTR | = "値" ] セパレータ-要素E
    E [attrの^ = "値" ] 値の開始からe
    終わるe値で電子を[attrの$ = "値"]
    [attrを使って電子タグに含ま* =「値」] ATTR値
    疑似オブジェクトセレクタ
    E:最初の文字最初の文字
    E:最初の行最初の行の
    E:フロントの前を
    E:の後
    にトリガ選択した電子::選択エフェクト
    構造疑似クラスセレクタ
    ルートルートセレクタ:
    E:最初の子要素Eの最初の子
    E:最後の子、最後の子要素Eの
    E:お子様のみ唯一の子要素E
    E:N番目の子(N)番目の要素EN =奇数偶数の数値式の
    E:第n-最後の子( N) のN Eの逆数の番目の要素
    E:第一の、第一のタイプ要素の同じタイプ
    E:最後の型の最後の要素の同じタイプ
    E:要素の専用の型単同じタイプ
    第nの型(:E n)はn型素子EN =奇数偶数の数値式の
    E:第n-最後の型( N) タイプEのn番目の要素の逆数と
    E:空の空要素
    --------------------------- -
    ボックスシャドウボックスシャドウ
    ボックス影:影の色の影の大きさの水平位置からファジィ垂直位置は、[内部または外部]
    背景起源:ボックスボーダー、パディングボックスは、のContentボックス
    、バックグラウンド・クリップ::境界ボックスをボックスパディング、コンテンツ・ボックスの
    背景:直線勾配(方向、色、...)の直線勾配
    背景:繰り返す直線勾配(方向、色......)の直線勾配を繰り返します

放射状グラデーション
背景:半径方向の勾配(中心座標、形状、大きさ、色......)
サイズ
/ 最寄りの最新のサイドエッジ
最も遠い側の最も遠い縁
角に最も近い最隅
角遠い最も遠いコーナー
/
形状:
円、楕円、または(デフォルト楕円)
背景:ラジアル反復勾配()放射状グラデーションを繰り返します

複数行の
列数:脱凝集
カラムギャップ:カラム間隔
カラムルール:見切り線
弾性ボックス
親要素追加
表示:フレックス;ディスプレイ:-webkit-フレックス;
配列:(親要素が追加されたサブ要素)
justify-コンテンツ:フレックススタート/フレックスの端部/中央/スペース間/空間の周囲に
サブ要素垂直配向(親要素が追加)
ALIGN =左アイテム:フレックススタート/フレックスエンド/センター/ベースライン/ストレッチ
上/下へ側/中央/ベース/デフォルト自動
サブ要素ラップ実施形態(親要素が追加される)
フレックスラップ:NoWarp /ラップ/巻き戻し/初期/継承
単一の行(オーバーフローし、ラップしない)/マルチライン、ラップ/ラップ、トランス移送構成/初期化デフォルト同様の効果/デフォルト(ラップされていない)
(親要素)にALIGN =左コンテンツ配置された列整列
フレックスラップのみラップであることを条件とはでき
ALIGN-内容:ストレッチ/フレックススタート/フレックス末端/中央/ /の間の空間の周囲の空間
のデフォルト/上部、下部、中央、端部、均一に分布し
たサブ要素の順序(子要素)
順:. 1、値が小さいほど負フロントことができる
サブ要素ALIGN(子要素)
マージン:;オートブランクのオブジェクトが自動的にされる
比例要素(子要素)に割り当てられた
:スケール値フレックス
など、:
DIV> DIV * 3
順番に屈曲するサブ要素:フレックス:フレックス3:結果1:1:3:1

おすすめ

転載: blog.51cto.com/14584021/2451937