列表、边框、线条类型、边框、透明、控制背景图、css模型盒padding

列表：ul ol dl 研究列表的符号 1.list-style-topy 值为 circle square none 重点是none清楚列表符号
边框：长在元素的宽高之外 border：10px solid red；（简写） border-width：10px border-style：solid border-color：red
常用的线条类型：solid（实线）dashed（虚线）dotted（点状线）double（双线）none（没有）
给单一方向加边框：border-left：10px solid red boeder-right：10px solid red border-top：10px solid red border-bottom：10px solid red
boeder的其他设置方法：border-width/border-style/border-color 这三个属性能单独拿出来进行设置 这三个属性每个最多能接受4个属性值
例如：border：10px solid； border-color：1到4个属性值 若给一个值为四周 两个为上下 左右 三个为 上 左右 下 四个为上有下左
transparent：透明
background;背景颜色：background-color 背景图：background-img：url（路径）背景图显示状态：1.背景图是不占据空间的2.背景图大小小于容器大小的时候会直到铺满 3.背景图大小等于容器大小的时候正好显示一张 4.背景图大小大于容器大小的时候 只显示容器区域
控制背景图是否平铺background-repeat； 值：repeat是平铺 no-repaet是不平铺 repeat-x横向平铺 repeat-y纵向平铺
控制背景图的位置：background-position后面的值为 第一个值：水平的位置 第二个值：垂直的位置 例如：1.100px 200px就是距离左侧100px距离顶端200px 2.-100px -30px就是往左移动100px往上移动30px 3.left bottom就是让背景图的左侧和底部，贴着容器的左侧和底部 4。10% 20%就是它支持百分比 5.right center就是让背景图右侧贴着容器右侧上下居中 6.center bottom就是左右居中，背景图底部贴着容器底部 7.center就是水平和垂直居中 简写：background：red url（背景图路径） no-repeat center；
背景图的固定：background-attachment 后界的属性值为：fixed/scroll
图片类型：jpg是没有透明没有动画的图 png是支持透明的图 gif是支持透明也支持动画
css盒模型：是网页的基石 盒模型，从里到外包括内容区-》内填充-》盒子边框-》外边距
padding的用法：1.padding是长在盒子和内容之间的，在盒子内部 2.padding是为了调整子元素在父元素里面的位置关系 3.padding的特点：把盒子撑大 4.如果想让盒子保持原有大小 ，需要在宽度基础上减掉padding的值 5.给单一方向设置padding的值：padding-left/right/top/bottom 6.padding设置方法：padding为一个值就是四周 若是两个值就是上下 左右 三个值 上 左右 下 四个值就是上右下左 7.padding不能设置负值 8.padding不会对背景图造成影响 9.如果一个盒子没有设置固定的宽和高 添加padding不用减