盒子属性
·宽度
·width:：长度值|百分比|auto（默认值）
·最大宽度：
max-width：长度值|百分比|auto（默认值）
·最小宽度：
min-width：长度值|百分比|auto（默认值）
·高度：
·height
·最大高度
·max-height：长度值|百分比|auto（默认值）
·最小高度
·min-height：长度值|百分比|auto（默认值）
width和height属性设置只对块级元素和替换元素有效
max-height（width）/Min -height（widt）有兼容性问题IE不支持
·border：边框
·设置元素边框宽度
border-width：thin（较窄）|medoium（中等）|thick（较厚）|长度值
·boeder-style：none 无边框，默认值
solid 定义实线
double 双线
dashed 定义虚线（大多浏览器显示为实线）
dotte 定义点状边框
inherit 规定从父元素继承边框样式
·border-top （上）
·border-left （左） border-style/color/width
·border-right （右）
·border-bottom（下）
内边距属性
·设置元素的内容与边框之间的距离（内边距填充）分4个方向（上下左右）
·padding：内边距
--padidng-top： 长度值|百分比
--padding-left： 长度值|百分比
--padding-right： 长度值|百分比
--padding-bottom：长度值|百分比
内边距属性缩写
padding：值1； //4个方向都为值1
padding：值1值2； //上下=值1 左右=值2
padding：值1值2值3； //上=值1 左右=值2 下=值3
padding：值1值2值3值4； //上=值1 右=值2 下=值3 左=值4
外边距属性
·设置元素与元素之间的距离（外边距）分4个方向（上下左右）
·margin：外边距
·margin-top 长度值|百分比|auto
·margin-right 长度值|百分比|auto
·margin-left 长度值|百分比|auto
·margin-bottom 长度值|百分比|auto
··说明： 值可为负值
外边距属性缩写
margin：值1； //4个方向都为值1
margin：值1值2； //上下=值1 左右=值2
margin：值1值2值3； //上=值1 左右=值2 下=值3
margin：值1值2值3值4； //上=值1 右=值2 下=值3 左=值4
IE盒子 标准盒子
在<!DOCTYPE html>情况下各个浏览器使用标准盒子
在没有声明的情况下 各个浏览器使用自己的计算方法
2789
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
