12.09学习日报

内容宽度：width

像素：px
百分比：%

注意：并不是盒子的宽度

内容高度：height

像素：px
百分比：%

注意：并不是盒子的高度
让盒子里的元素垂直居中

div{
	height: 40px;
	line-height: 40px;
}

盒子边框：border

边框样式

属性	样式	属性值
border-width	边框大小	（像素：px）（倍数：em）
border-color	边框颜色	（16进制RGB值：#aabbcc）（rgba函数：rgba(红，绿，蓝，透明度)）（名称：red）
border-radius	圆角边框	（像素：px）（百分比：%）
border-style	边框样式	（默认,实线：solid）（虚线：dashed）（点线：dotted）（双线：double）
border-collapse	合并边框	（默认,分开：separated）（合并：collapse）
-	单独选择一边	（上：border-top）
border	复合样式	基本写法：(大小，样式，颜色)

内边距：padding

属性值

属性值	作用
auto	效果：自动设置
px	像素，不能设置负数

行内效果不规范
行内效果如span，设置padding虽然显示的内边距没问题，但是内容会往下偏