摘要: 定义:display属性的默认值为inline的元素就是行盒。 特征: 1.行盒可被折断,因为内容可被折断换行(可通过word-break属性设置截断位置); 2.同一个包含块中,连续的多个行盒水平依次排列 ; 3.空白折叠的规则仅适用于行盒内部和行盒之间 ; 4.行盒与行盒之间的距离可使用水平方向 阅读全文
posted @ 2019-12-22 17:15 黄太宗 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 雪碧图 (sprite)是一种图片拼合技术; 使用方法: 1.定视口 width: xx px; height: xx px; 2.插图 background-image: url("图片路径"); 3.移动位置 background-position: x轴坐标 y轴坐标; 优点:将小图标拼合到一 阅读全文
posted @ 2019-12-22 17:08 黄太宗 阅读(483) 评论(0) 推荐(0) 编辑
摘要: 块级元素水平和垂直方向居中的方法一共三种 1.先设置块级元素的宽高,然后利用定位和外边距将元素在水平和垂直方向上居中 示例: <style> .father{ width: 100%; height: 500px; position: relative; } .son{ width: 100px; 阅读全文
posted @ 2019-12-22 16:55 黄太宗 阅读(351) 评论(0) 推荐(0) 编辑