首先排除代码之间的换行符<br>，出现这个问题是因为图片为内联元素，有文字特性，默认存在间隙，所以会出现空白部分。 可以将图片设置为block元素。 img{ display:block; … Continue reading 图片与图片上下之间有空隙的解决方法
标签： css
absolute居中的三种实现方式
方式一：传统方式，父容器relateive，子元素absolute，然后left:50%,再margin-left:-width/2 <div class=”ago”> <div c … Continue reading absolute居中的三种实现方式
HTML基础知识——css样式表,样式属性,格式与布局详解
一、position：fixed 锁定位置（相对于浏览器的位置），例如有些网站的右下角的弹出窗口。 示例： 二、position：absolute 绝对位置： 1.外层没有position：a … Continue reading HTML基础知识——css样式表,样式属性,格式与布局详解
CSS实现按超级链接类型显示图标
效果如图： 参考代码如下 p { margin: 4px; } a[href^=”http:”] { background: url(images/window.gif) no-repeat left … Continue reading CSS实现按超级链接类型显示图标
Bootstrap4模板中出现的shrink-to-fit=no是什么意思
bootstrap4示例模板中出现这样的代码 <meta name=”viewport” content=”width=device-width, initial-scale=1, shrink … Continue reading Bootstrap4模板中出现的shrink-to-fit=no是什么意思
提高CSS 开发效率的常用代码片段
这篇文章会记录我们平时常用到的 CSS 片段，使用这些 CSS 可以帮助我们解决许多实际项目问题中遇到的，欢迎收藏转载： 清除浮动 浮动给我们的代码带来的麻烦，想必不需要多说，我们会用很多方式来避免这 … Continue reading 提高CSS 开发效率的常用代码片段
纯CSS3实现各种loading效果
动画效果参考连接：http://www.webhek.com/post/css-loaders.html 效果如下： 以上这些效果都是用一个div加css3动画实现的，看起来效果似乎不错。如果不考虑I … Continue reading 纯CSS3实现各种loading效果
css实现标题左右横线
直接上代码 <style type=”text/css”> .title { position: relative; font-size: 32px; color: #fff; heigh … Continue reading css实现标题左右横线
纯css实现小三角
原理就是：宽高为零，单独设置border的宽度，然后上右下左，根据需要选择三角形的方向，比如选向上箭头，其他右、下、左设置为透明； /**向下的三角**/ .sanjiao_down{ width:0 … Continue reading 纯css实现小三角
CSS 伪元素:before&:after 与z-index 的那点事
最近要实现一个类似下面的层叠的效果，需要带一个hover 缓动效果。 第一反应就是直接使用:before&:after伪元素，配合绝对定位加z-index 轻松实现，实际操作发现并不是这么一回 … Continue reading CSS 伪元素:before&:after 与z-index 的那点事
