IDセレクタ:#ID {} IDは一意で、繰り返されない の.class:クラスセレクタ {} タグセレクタHP入力... のみ指定を選択するために、シンボルより.food>のLiより大きい(>):子セレクタ第一世代の子要素タグ要素 子孫セレクタ:.food李 ユニバーサルセレクタ* {} すべてのHTMLタグ要素と一致する パケットセレクタを:、スパン、リチウムのH1 {} 擬似クラスセレクタ例: :ホバー { 色:赤 ;} - >状態セットのフォントの色が赤マウスオーバー; :リンク / * ない訪問リンク* / :訪問先 / * 訪問したリンク* / INPUT:フォーカス {} フォーカス(カーソル)を得る選択形成 右のラベル値1、オプションの文字クラス値10、100のセレクタの重量のIDを、インラインスタイルスタイル量1000; 連続または0 *体重の 変化パターンの重量:重要>> P! { 色:赤重要! ;} 加重オーバーレイ: 化合ピッカー加重オーバーレイ、重みが重畳され、キャリー (同じ重み値): 積層体が同じ要素のHTMLファイル内にあるが、CSSスタイルが複数存在して持つことができ、 同じ重量のスタイルが存在する場合、フロントとリアのCSSスタイルの順序に従って決定され、 それは最後尾のCSSスタイルが適用されています。 継承:いくつかのスタイルのサブタブが親ラベルを継承する、テキストベースfont-ライン-色の タイトルタグは、親要素のフォントサイズを継承しません。 ラベルは、親要素のテキストの色を継承しません。 優先順位:インラインスタイルシート(内部タグ)>組み込みスタイルシート(現在のファイル)]> [外部スタイルシート(外部ファイル) のテキスト: フォントファミリ:「」; / * フォント設定* / フォントサイズ:計6Pxを; / * テキストサイズ設定* / 色:レッド; / * 設定テキストの色* / フォント重量:太字; / * 設定されているフォント太字* / 400700 フォントスタイル:イタリック/ * イタリック* / テキストは合字を属性、テキストサイズフォントが書き込まれます。残りはデフォルトに書き込みをしていない 複雑な言葉遣い:フォント:スタイル重量サイズ/高さ家族の テキスト: テキスト装飾:下線; / * テキストに下線を設定します* / ;なし/ * 無装飾のスレッド* / テキストインデント:2EM; / * インデント* / 行の高さ:2EM; 20ピクセル/ * 行間(行の高さ)* / 文字間隔:10pxの; / * 文字間隔* / ワード間隔:10pxの; / * 文字間隔* / テキストALIGN =左:centen; / * 現在ブロック中国の要素、中央画像* / .oldPrice { テキスト装飾:ライン・スルー ;} 取り消し線を 例:<P>リスト:<スパンクラス= "oldPrice" > 300 </ span>の元の価格230元</ P> 価格:300元価格230元の 背景: 背景色(透明、透明)元素の背景色| 画像、背景画像、背景に背景画像は、ボックスの幅と高さを開いて保持していない| 背景-REPEAT-NO REPEATないタイル; REPEATタイル、タイル張りの背景画像 の繰り返し-Xリピート-Y、それぞれ、原因の画像だけ水平方向または垂直方向に繰り返され、非繰り返し画像タイルがどの方向にも許可されない| 背景位置:名詞は、(左、右、中央、上部 )XY 書き込みのみつのパラメータ、第2のパラメータデフォルト垂直 変化を背景画像の位置、 正確な座標XY書き込みのみつのパラメータ、x座標のパラメータ、第二デフォルトパラメータに垂直;組み合わせて使用することができる| 背景取付:スクロール(スクロール);固定(固定されたオフセット位置の背景画像が背景に位置付け背景画像として参照)が固定されているかどうかをブラウザまたはページスクロールの残りのサイズに非ボックスサイズを参照します。 コンポジット言葉遣い:背景:背景アドレス背景画像、背景画像のスクロール位置をタイル状の背景色の背景画像 半透明の背景背景:RGBA(0,0,0、0.3) ; 最後のパラメータのアルファ(透明度)、0と1の間の範囲、代わりに0.3 0.3を使用することができる 。プロファイル の境界に位置し、周囲の要素に線を引きます周縁部には、要素を強調する役割を果たすことができます ステートメント内のすべてのプロファイル・プロパティを設定概要。 アウトラインの輪郭線色セット色。 アウトラインスタイルは、プロファイルをスタイル。 アウトラインのセット幅の輪郭線幅。 カテゴリエレメント: (また、線要素として知られている)ブロック要素、インライン要素とインラインブロック要素:CSSで、HTMLタグ要素は、一般的に3種類に分類されます。 一般的なブロック要素があります:表示:インライン;ブロック転送インライン の<div>、<P>、 <H1> ... <H6>、<オール>、<UL>、<DL>、<表>、< アドレス>、<BLOCKQUOTE>、<フォーム> 従来のインライン要素があります表示:ブロックインラインスイッチブロック <A>、<span>を、<BR>、 <I>、<em>の、<強いです>、< ラベル>、<Q>、< VAR>、<引用>、<コード> 従来のインラインブロック要素を有する:ディスプレイ:インライン、ブロック、インラインブロックする <IMG>、<入力> ブロックレベル要素:ディスプレイ: インラインブロック転送ブロック1は、新しい行が開始され、以降の要素はまた、別々のラインである 図2に示すように、素子高さ、幅、行の高さと上下の余白を設定することができます。 図3に示すように、要素の幅が設けられていない場合には、(同じ幅及び親要素)親コンテナ自体の100%が、ある設定された幅でない限り 図4は、容器、箱、ブロックレベル要素内に放出することができ、またはある 図3に示すように、素子の幅は、それがテキストや画像幅、不変含むことである テキストのみまたは他のインライン要素受信4. ブロック要素をリンクする:ディスプレイ:インラインブロックに配置されたインラインブロック 1、及びその他の要素単一の行に、 2、高さ、幅、行の高さ、及び上部マージンと下部要素を設定することができます。 ボックスモデル: 余白(マージン) -ボーダーマージンの外側の領域をクリアする(可能ブロックレベルボックスは、水平中心)透明です。 ボーダー(国境) -内側と外側の余白コンテンツの境界線の周り。 パディング(パディング) -コンテンツの周りの明確な領域は、パディングは透明です。 コンテンツ(コンテンツ) -ボックス、テキストと画像の内容 ボーダー:ボーダー 各フレームは、三つの側面があります幅、スタイル、色 例:P 複雑な言葉遣い:境界線:幅スタイルの色を { ボーダー:2ピクセル点線#CCC ;} ボーダー幅:2ピクセル、境界線の幅を 固体;破線(点線)|点線(破線)|固体(実線):ボーダースタイルの ボーダーカラー:レッド;色-カラー値透明ボーダー。この値は、の幅を有する不可視フレーム作成するために使用される ボーダー崩壊:崩壊マージ隣接境界(のみ形式で) ブロック要素のが、幅が設定されていない場合、このブロック要素は、パディング値の周りに配置され、ボックスが軟化されません。 パディング:パディング 例:DIV { パディング:20ピクセル10pxの15ピクセル30px ;} 右botton-左右トップ左に、 5pxの10pxの上下5、10は、 左右510 5pxの10pxの20ピクセル20上にある 余白:境界 フレーム内のパディング内側、外側のボーダーのマージン。 余白を設定する最も簡単な方法は、マージンプロパティを使用することです。 ブロック要素の隣接する垂直マージンをマージ: 可能なだけのマージン値ボックス追加するために 、ネストされたブロック要素が垂直マージンを折りたたむ: 1.親に境界要素を設定します。 2.親要素内に余白を設定します。 3.オーバーフロー:隠された; 角丸: ボーダーRADIUS:長さ(またはパーセント); ボーダーRADIUS-左上、ボーダートップ右RADIUS、 ボーダー右下-RADIUSおよびボーダー左下半径 ボックスシャドウ: ボックスシャドウ:H-V-シャドウシャドウブラースプレッドカラーインセット。 シャドーボックス:0 2ピクセル3px 3px RGBA(0,0,0、0.1); カラーRGBS(半透明の) テキストシャドウ: テキスト影:H-V-シャドウぼかしシャドウカラー レイアウト・モデル: 1、フローモデル(フロー) 図2は、フロートモデル(フロート) 。3、モデルレイヤ(層) 。流れ(フロー)は、デフォルトのページレイアウトモードです。デフォルトのHTMLページ要素で、そのページは、分散Webコンテンツのフロー・モデルに基づいています。 1.ブロック要素を順次デフォルト状態のように、ブロック要素の幅が100%である、の素子備える垂直プロファイルに上から下まで延びています。実際には、要素は行のブロックの位置を占有します。 2.配布インライン要素は、要素が含まれて左から水平方向に表示されます。 B。浮き(フロート)側の大規模な素子側可能にする 任意の要素を浮遊することができるが、特性のブロック要素内の同様の列を有するフロート の内容に基づいて、フローティングサイズの添加後には幅ブロック要素、デフォルトの親、 設定フロート、及び浮揚一般的なブロック要素(オフマーク)上に、浮動ボックスは、元の位置を保持しないで 、標準浮動ボックスの背後の流れに影響を与え、目の前は影響しない 標準的なフローの親要素は垂直位置に配置し、周りのフローティング位置取る内サブ要素配置 セレクタ 透明フロート:(親ケースない高さ、フロート子ボックス、効果は、以下のレイアウト){ クリア:プロパティ値 ;} 左、右、両方(左右同時に) その他の標識を、(必要に応じてブロックレベル要素)終了ヌルタグに追加フローティング要素を 、そのような追加として、<DIVスタイル=「クリア:両方 」> </ DIV>、または他の標識(例えば<br />等) 親添加オーバーフロー性、隠された(隠されたオーバーフロー);オート;スクロール .clearfix:クリア擬似要素(親クラス名を加えclearfix)後、 後:.clearfix { コンテンツ:"" ; 表示:ブロック ; 高さ:0 ; クリア:両方 ; 可視性:隠された ; } .clearfix { / * IE6、独自7。* / ズーム*:1 ; } ダブルダミー素子透明フロート(親クラス名を加えclearfix) .clearfix:前、.clearfix:後 { 内容:"" ; 表示:表 ; } .clearfix:後 { クリア:両方 ; } 。 clearfix { *ズーム:1 ; } 親ボックスは必要がクリアされず、高さを有し、クリアフロートを、ボックスの親サブ高さの自動検出に応じて、 親高い度合いは、以下の基準の流れに影響を与えない (C)層のような画像のレイアウトモデルです。レイヤーを編集する非常に人気のあるソフトウェアPhotoshopなど、それぞれの層は、操作を正確に特定することができ、 しかし、ページサイズの活性によるWebデザインの分野では、レイアウト層が良好であることができませんでした。ただし、ページレイアウトやレイヤー上の局所使用のためには、その利便性にあります。 = +配置サイドオフセット測位モード 位置決めモード: 標準オフフローティング:絶対配置、固定された位置決め 標準の素子特性オフ:要素の線幅と高さを直接配置することができ、ブロックレベルの親要素は、デフォルトの幅、0デフォルトの幅と高さ、幅及び高さ伸延内容ではない 1、絶対位置(位置:絶対値) なし親またはなし親要素は、ベンチマークとしてブラウザに配置されています。 基準要素は、親要素、最近(祖先)に位置する親の位置決め オフマーク、絶対位置の元の位置占有していない 子必須母相 2を、相対位置(位置:相対) 元の位置への参照運動、元の位置(キャプティブ標準)を保持するための 例:;:位置相対 トップ:100pxにし、....... 3、固定された位置(位置:固定)。 ビジュアルブラウザウィンドウに()基準として オフ標準のない位置 右心版の固定位置: ブラウザ半値幅--left50%、ボックス半コアのマージン左:(幅部) 4、静止位置:静的、標的デフォルト オフセット: 垂直方向と水平方向の 中心: ライン要素(テキスト、写真、等)、水平ブロック要素の中心線親要素への- >テキスト整列中心:中央 ブロック要素を - >固定幅(設けられた固定幅)ブロックはマージン「値」を中心自動" - >可変幅のブロックが中央 1追加テーブルタグ: 適応テーブル長を使用---即ち長さも(テキスト内で決定されるように、その長さに応じてテーブル)親要素本体のデフォルトの長さを定義していないタグ、所定の幅のブロック要素として見ることができ、その後、所定の幅のバルクマージンの方法を使用することを中心 に、左右の余白設定値の自動付加されたタグテーブルを 2セットの表示:最初のと同様に、ディスプレイのタイプ:インラインメソッドを外来性素子幅行内の要素、 3セットの位置:相対及び左:50%:相対測位モードを使用して、オブジェクトが中心達成するために、左、すなわちへの要素の50%をオフセット 親要素の高さによって決定されるテキストの単一行を垂直センタリングの方法は、高度に一貫した高さの親要素と要素の行の高さ(高さ:.高さ、行の高さを設定することによって達成される:名前が示すように、行の高さ(ライン ピッチ)は、テキストの行の間のベースラインと列との間の距離を意味する) テキストの長さは、ブロックの幅よりも大きい場合、ブロックは、コンテンツからなり
デイリーレコードは、アクティブな練習に取り組んでいます。