CSS3
文章平均质量分 55
qq_38184559
这个作者很懒,什么都没留下…
展开
-
display:flex垂直居中
布局说明:1. 场次为一场比赛 2. 比赛双方是交战的两个队伍 3. 一场比赛可以有多种玩法,所以场的每个玩法的布局的高度都不确定。主要说下我学到的垂直居中的flex。1. 第一次尝试。1 div class="parent">2 h1>我是通过flex的水平垂直居中噢h1>3 h1>我是通过fl转载 2017-08-16 10:45:15 · 14015 阅读 · 0 评论 -
CSS3 Background-size 详解
CSS3 Background-size 详解前段时间在做关于响应式的页面时,由于要兼容ie8,并且要保证图片等比缩放,且对图中内容的显示有要求,导致无法使用background-size等属性,最终放弃了使用background,用来替代。这样增加了代码量而且看起来很不clean。但是很多情况下用background还是可以达到目的的,并且有解决方案(后面会提到)。下面我就详细讲转载 2017-08-03 14:43:46 · 525 阅读 · 0 评论 -
css 伪类:last-child等不起作用
#icons{ border: 1px solid bisque; height: 250px;}#icons .column{//每一列 width: 25%; display: inline-block; float: left; text-align: center;}#icons .colu转载 2017-08-06 17:35:38 · 3652 阅读 · 0 评论 -
纯CSS3向右循环闪过效果
.shadow { text-align: center; /* 背景颜色线性渐变 */ /* 老式写法 */ /* linear为线性渐变,也可以用下面的那种写法。left top,right top指的是渐变方向,左上到右上 */转载 2017-08-15 15:13:36 · 1191 阅读 · 0 评论 -
CSS实现背景透明,文字不透明(兼容各浏览器)
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明。而IE6/7/8浏览器不支持rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明,因此只有在透明容器的子节点(文本节点除外)内设置position:relative才能不继承其父元素的透明滤镜,代码如下: DO转载 2017-08-28 17:14:01 · 300 阅读 · 0 评论 -
JQuery中的trim()方法去掉前后空格
html代码如下:www.csdn.net这样写,会造成用hmtl()方法打印出来的内容前后有空格这样写就不会出现上面说的问题www.csdn.net或者可以通过trim()方法解决$(document).ready(function(){alert($.trim($('#box').html()));});原创 2017-08-28 17:33:29 · 328 阅读 · 0 评论 -
CSS设置页面最大最小宽度
CSS设置页面最大最小宽度兼容ie6/7/8/9,FF,chrome,sogou等浏览器 设置最小宽度div {width:100%;min-width:1000px;width:expression_r(document.body.clientWidth } 设置最大宽度div {width:100%转载 2017-08-31 10:28:55 · 13956 阅读 · 0 评论