##ページ##生産プロセス
序文ページの生産プロセス：
<UL>
製造プロセス<LI>ページ</ LI>
<LI>領域を分割する方法</ LI>
<LI> CSSの知識分割エリアます。</ li>
</ UL>
###ページには、プロセスを作る###
その後、私たちのフロントエンドエンジニアページによって作られたデザイナーの草案によるグッドデザイン：
ページの<BR> 1分割領域（最も重要かつ複雑な）
<BR> 2.充填コンテンツ
###地域を分割する方法###
<UL>
異なる領域を表すために適切な要素（HTML）</ LI>と<LI>
<LI>設定領域の位置、大きさ、背景のスタイル（CSS）</ LI>
</ UL>
CSSの知識### ###分割された領域
各要素は、ページ上の矩形領域を生成し、CSSは、前記矩形領域のボックス（BOX）
ボックスの知識：
<UL>
<LI>ボックスモデル：シングルボックスの作曲ます。</ li>
<LI>ビジュアルフォーマットモデル：複数のボックスを配置する（ボックスと影響との間の相互作用）</ LI>
<LI>レイアウト：実用ます。</ li>
</ UL>
##ボックスモデル##
###ボックスモデルの概要###
####箱分類####
異なる要素によって生成されるボックス型は、CSS表示特性に応じて、生成されたボックスの種類、1つの要素を変えることができます
<BR>表示：なし=>ボックスを生成しません。
<BR>表示：innline =>行盒
<BR>表示：ブロック=>ブロックボックス
<BR>表示：その他の値=>他のボックス
作曲#### ####箱
<BR>マージン：マージン
<BR>ボーダー：ボーダー
<BR>パディング：パディング
<BR>コンテンツ：コンテンツ
<BR>注：追加の知識：CSSサイズ=> CSSでは、値の多くの属性があり、それは、寸法によって値との単位の大きさを表現しなければなりません
共通<BR> CSSの寸法：
<BR> 1.px：ピクセル、小ドットのロットによってコンピュータ画面の絶対的な大きさは、各ドットは（ブラウザの後に計算されたメジャーのように他のユニット、となるであろうPX）の画素であります
<BR> 2.em：相対サイズ、現在の要素のフォントサイズに対する（PX）
<BR> 3％：割合は、異なるCSSプロパティで、異なる意味を持っています
<BR>注2：それはCSSのプロパティに来ます=>
<BR>幅：幅は、自動的にラインの変更を遮断されるコンテンツは、コンテンツの幅を超える自動車のデフォルト値を、継承することができない、英語の単語は、中国語の文字が切り捨てられ、切り捨てられます。
<BR>高さ：高さ、継承することはできません、既定値の自動
<BR>オーバーフロー：コンテンツのオーバーフローを処理する際に、継承することはできません=>
<BR> 1.hidden：部分的に隠されたオーバーフロー
<BR> 2.scroll：オーバーフロースクロールバーが使用可能な場合は、スクロールバーがそうでなければ利用できない、水平方向と垂直方向に表示されます。
<BR> 3.auto：水平または垂直方向のコンテンツがオーバーフロー、スクロールバーが（デフォルト値）のみ、その方向に表示される、または表示されません。
<BR>最小/最大幅/高さ：最小/最大幅/高さは、属性値よりも小さくすることはできません。この値よりも大きい幅/高さを確保するために、デフォルト値の0PXを継承することはできません/
##内のマージン##
###の意味###
コンテンツの境界の間の距離は、上部（トップ）に分割されて表し、右側（右）、下部（底部）は、（左）は、4つの方向を左
### CSS関連の属性###
パディングトップ：上部内マージンを継承することはできません、既定値の0PX、EMの他の値、％
<BR>パディング右：右の内部の余白、継承することはできません、既定値の0PX、他の値のem、％
<BR>パディング下：下の余白に、継承することはできません、既定値の0PX、他の値のem、％
<BR>パディング左：左マージン、継承されていない、デフォルト値の0PX、他の値のem、％
<BR>パディング：スケッチCSSプロパティは不動産ではありませんが、それだけで迅速なCSSの文言を提供=>
<BR> 1.パディング：左下のトップマージンと右マージン、パディングの内側のパディング
<BR> 2.パディング：内部に詰め物の下のパディングが左右の余白
<BR> 3.パディング：上から下へ、左と右の余白ネネ
<BR> 4.パディング：上から下へ、左と右のインナー
国境## ##
###の意味###
内側と外側の境界、上部（トップ）、右側（右）、下部（底部）、左側（左）は、4つの部品を分割
### CSS関連の属性###
1.borderトップスタイル：境界線のスタイル、継承することはできませんが、デフォルト値はどれも、他の値=>
<BR>（1）実線：実線
<BR>（2）破線：点線
点在<BR>（3）：ドットマトリックス
<BR>（4）ダブル：ダブル実線
<BR>（5）その他
<BR> 2.borderトップ幅：境界線の太さ、継承することはできません、既定値の中、他の値=>
<BR>（1）培地：中程度
<BR>（2）薄い：细
<BR>（3）の厚さ：粗
<BR>（4）PX
<BR>（5）EM
<BR> 3.borderトップ色：境界線の色、継承することはできません、既定値のcurrentcolor、その他の値=>
<BR>（1）黒：ブラック
<BR>（2）白：白
<BR>（3）グレー：グレー
<BR>（4）他の色
<BR>（5）RGB：0~255、書き込みフォーマット：赤、緑、青の三原色と展開、各色の値は、小数点数であり、RGB（赤、緑、青）
<BR>（6）HEX：赤、緑、青の三原色と展開は、各色値の形式書き込み、進数00-FFである：＃赤、緑および青を、番号が＃でなければなりません6、または三つの値
<BR> 1.borderトップ：スケッチプロパティ、書き込みフォーマット：のborder-top：厚スタイルカラー
<BR> 2.右ボーダー：ボーダー右-XXX（同上）
<BR> 3.下の境界：のborder-bottom-XXX（同上）
<BR> 4.境界線を左：のborder-left-XXX（同上）
<BR> 5.border幅：スケッチプロパティ：厚同時にすべての国境
<BR> 6.borderスタイル：スケッチプロパティ：すべての境界線のスタイルを設定します
<BR> 7.border色：スケッチプロパティ：すべてが同時に境界線の色を設定します
<BR> 8.border：スケッチプロパティ：、すべての境界線の太さを設定するスタイル、色、フォーマットを書く：国境：厚スタイルカラー
##マージン##
###の意味###
箱と箱の間の距離と同様に、特定のルールが複雑で、精巧な視覚的な書式設定のモデルです
### CSS関連の属性###
1.marginトップ：外部から継承することができない、デフォルト値0PX、その他の値=> EM、％
<BR> 2.margin右：右余白、継承することはできません、既定値の0PX、その他の値=> EM、％
<BR> 3.margin-下：下マージン、継承することはできません、既定値の0PX、その他の値=> EM、％
<BR> 4.margin左：左余白、継承することはできません、既定値の0PX、その他の値=> EM、％
<BR> 5.margin：スケッチプロパティ、フォーマットを書い=>
<BR>（1）マージン：右下マージン左マージンマージン上マージン
<BR>（2）マージン：余白は左右の余白下マージン
<BR>（3）マージン：上下左右の余白マージン
<BR>（4）マージン：垂直および水平のマージン
<BR> 6.ブラウザのデフォルトスタイルマージン：-webkit-XXX、-webkit-ブラウザは接頭辞をベンダー
##追加の知識】
###サブボックス###
1.ハウジング（境界ボックス）の境界：境界、パディング、コンテンツ構成、デバッグブラウザは、ページ要素のサイズを表示するバックグラウンド・クリップを介して、背景の境界カートリッジのサイズ、要素、ハウジングのデフォルトカバレッジ境界を指し属性変更=>
<BR>（1）背景のカバレッジが、継承されていない、既定値：ボーダーボックス
<BR>（2）値：
<BR>ボーダーボックス：背景、境界ボックスカバー
<BR>パディングボックス：背景満たされたボックスカバー
<BR>コンテンツボックス：ボックスの内容をカバーする背景
<BR> 2.充填ボックス（パディングボックス）：パディング、コンテンツ組成物は、厳密な意味では、オーバーフローは、オーバーフローを参照して、充填ボックスをオーバーフローする意味
<BR> 3.概要カートリッジ（コンテンツボックス）：幅と高さ属性をコンテンツから構成されるが、デフォルトで、コンテンツが範囲を設定ボックス、幅と高さの幅と高さを意味するボックスサイズプロパティによって修飾され得ます、ボックスのサイズ変更プロパティ=>
<BR>（1）背景のカバレッジ、継承されていない、既定値：コンテンツボックスを
<BR>（2）値：
<BR>コンテンツボックス：カートリッジの内容の様相を示しています
<BR>ボーダーボックス：ボックスは、境界線の幅と高さを表し、