摘要: 上篇文章讲的是行级元素与块级元素,明明说了行级元素不可设置width,height属性,而为何img、input等行级元素可以设置宽、高??? 看官莫急,下面我会详细解答。 可替换元素 1. 替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。例如浏览器会根据<img>标签的src属性 阅读全文
posted @ 2018-08-17 21:19 足迹# 阅读(543) 评论(0) 推荐(1) 编辑
摘要: 一 . 先说说二者的本质区别吧: 行级元素是可以和其他元素处于一行,不用必须另起一行。块级元素是每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。 二 .下面看看各自的特点: 块级元素 1.元素的高度、宽度、行高和顶底边距都是可以设置的。 2.元素的宽度如果不设置的话,默 阅读全文
posted @ 2018-08-17 15:51 足迹# 阅读(763) 评论(0) 推荐(1) 编辑
摘要: 首先解释下CSS Sprites是什么:有称CSS精灵,有称CSS雪碧的,无论叫什么,他的作用就是把网页上很多小图标放到一张图片里面,然后通过CSS里面的background-position来控制每个图片的坐标,这样不但减少http请求,而且还降低了图片的大小,加快图片的加载速度,对前端开发的朋友 阅读全文
posted @ 2018-08-16 21:35 足迹# 阅读(5180) 评论(0) 推荐(1) 编辑
摘要: 图片按比例显示,分为两种情况。 1.空的div内加图片 <div class="emty"><img src="img/my.png"></div> 空的div内加图片: .emty img{ width:100px; } 只需设置图片的宽度(固定:px)。此时div不用设置宽和高,其宽度会自动和图 阅读全文
posted @ 2018-03-15 03:30 足迹# 阅读(318) 评论(0) 推荐(1) 编辑