摘要：什么是行盒：display属性为inline的元素 行盒的特征 行盒可被折断，因为内容可被折断换行（可通过word-break属性设置截断位置） word-break属性 normal:英文单词换行，中文单字换行原则 keep-all：空白，标点，换行原则 break-all：英文字母换行，中文单字 阅读全文

摘要：雪碧图（Sprites） 雪碧图也叫CSS精灵， 是一种CSS图像合成技术，就是将许多小图标合并在一张背景透明的图片上，使用background-position和background-size来控制图片显示的区域。 为什么要使用雪碧图 网站开发90%会用到小图标， 多小图标调用显示是前端开发常见的 阅读全文

摘要：1.水平居中 方法一：（分宽高定不定两种情况） 定宽高：需要谁居中，就给谁设margin:auto；使盒子（元素）自己居中 1 <style> 2 .father { 3 width: 500px; 4 height: 500px; 5 background-color: yellow; 6 } 8 阅读全文