12.09学习日报

最新推荐文章于 2022-02-11 20:16:58 发布

原创最新推荐文章于 2022-02-11 20:16:58 发布 · 144 阅读

CC 4.0 BY-SA版权

博客介绍了盒子相关属性设置，包括内容宽度（width）和高度（height），可使用像素（px）和百分比（%），且指出这并非盒子实际宽高；还提到盒子边框（border）样式，以及内边距（padding）属性值，同时说明行内效果设置padding时内容会往下偏的问题。

像素：px
百分比：%

注意：并不是盒子的宽度

像素：px
百分比：%

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

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

边框样式

属性	样式	属性值
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	复合样式	基本写法：(大小，样式，颜色)