Day6
Webページのレイアウト：
バージョンを中心に配置する方法？？
マージンを追加：中央に配置する中央要素に0 auto;
cssリスト属性：
リスト：
ul（順序付きリスト）
ol（順序なしリスト）
dl（カスタムリスト）
研究リストのリスト記号。
1：リストスタイルタイプ：
サークル中空サークル
スクエア小さな黒い四角
なしクリアリストシンボル
2： list-style-image: url（路径）
把一张图片当作列表符号
3: list-style-position:
inside (内容区域里面)
outside (内容区域外面)
4: list-style:none;(重点 清除列表符号)
CSSボーダー属性：
border：10px solid red;（shorthand \ composite writing）
border-width:10px;
border-style:solid;
border-color:red;
常用的线条类型：solid(实线) dashed(虚线) dotted(点状线) double(双线) none(没有)
1：给单一方向添加边框。
border-left:10px solid red;
border-right:10px solid red;
border-top:10px solid red;
border-bottom:10x solid red;
2: border的其他设置方法：
border-width\border-style\border-color
这三个属性能单独拿出进行设置。
这三个属性每个最多能接收4个属性值。
border:10px solid;
border-color: 1到4个属性值。
1个属性值： 四周
2个属性值： 上下 左右
3个属性值： 上 左右 下
4个属性值： 上右下左
3: 用css实线一个三角形。
颜色值为透明： transparent;
background：;複合属性
1：背景色：
background-color：;
2: 背景图：
background-image:url(路径);
背景图的显示状态：
1: 背景图是不占据空间的。
2: 背景图大小 小于 容器大小的时候，直到铺满为止
3: 背景图大小 等于 容器大小的时候，正好显示一张
4: 背景图大小 大于 容器大小的时候，只显示容器区域
3：控制背景图是否平铺
background-repeat:;
属性值：
repeat 平铺（默认值）
no-repeat 不平铺
repeat-x 横向平铺
repeat-y 纵向平铺
4: 控制背景图的位置：
background-position:;
属性值：
第一个值：水平的位置 第二个值：垂直的位置
eg:
100px 200px -> 距离左侧100px,距离顶端200px
-100px -30px -> 往左移动100px,往上移动30px;
10% 20% -> 支持百分比
left bottom -> 让背景图的左侧和底部，贴着容器的左侧和底部
right center -> 让背景图右侧贴着容器右侧，上下居中
center bottom -> 左右居中，背景图底部贴着容器底部
center -> 水平和垂直都居中
5: 背景图的固定：
background-attachment:;
属性值：fixed/scroll;
简写：background:red url(背景图的路径) no-repeat 200px bottom;
CSSボックスモデル：
Webページレイアウトの要です！ボックスモデルは、含む裏返しから：
コンテンツ領域
パディング（パディング）内の
ボックスフレーム（オプション）
マージンは
パディングの使用：
。1：パディングとボックス内のボックスの内容との間の長さです。
2：パディングは、親要素内の子要素の位置関係を調整することです。
3：パディングの特性：パディング値はボックスを支えます。
4：ボックスの元のサイズを維持する場合は、幅と高さに基づいてパディング値を減算する必要があります。
5：単一方向のパディング値を設定する：
padding-left / right / top / bottom
：; 6：パディング設定方法：
パディング：1つの値の
パディング：2つの値の上下および左右の
パディング：3つの値の上下および左右の
パディング：4値右上左下
7: padding不能设置负值
8: padding不会对背景图造成影响。
9：如果一个盒子没有设置固定的宽和高，添加padding是不用减的。
