css
文章平均质量分 75
leadn
这个作者很懒,什么都没留下…
展开
-
scss常见用法
简介Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被称为 “SCSS”( 时髦的css(Sassy CSS)),它是css3语法的的拓展级,就是说每一个语法正确的CSS3文件也是合法的SCSS文件,SCSS文件使用.scss作为拓展名。第二种语法别成为缩进语法(或者 Sass),它受到了Haml的简洁精炼的启发,它是为了人们可以用和css相近的但是更转载 2017-11-17 16:30:01 · 33584 阅读 · 1 评论 -
display:table-cell
display:table-cell指让标签元素以表格单元格的形式呈现,使元素类似于td标签。IE8+及现代版本的浏览器都支持此属性,IE6/7不支持(可用其他方法实现类似效果)。同样,display:table-cell属性也会被float,position:absolute等属性破坏效果,应避免同时使用。设置了display:table-cell的元素:对宽度高度敏感对margin值无转载 2017-11-25 15:11:19 · 539 阅读 · 0 评论 -
electivizr-让IE6~8支持CSS3伪类和属性选择器
electivizr-让IE6~8支持CSS3伪类和属性选择器转载 2017-11-24 11:20:05 · 267 阅读 · 0 评论 -
清除浮动
解决高度塌陷的问题 – 清除浮动 CSS中有个讨论较多的话题就是如何清除浮动,清除浮动其实就一个目的,就是解决高度塌陷的问题。为什么会高度塌陷?什么时候会高度塌陷?塌陷原因是:元素含有浮动属性 – 破坏inline box – 破坏line box高度 – 没有高度 – 塌陷。什么时候会塌陷:当标签里面的元素只要样子没有实际高度时会塌陷。所以呢,并不是只要有浮动元素就会坍塌,就要清除的,CSS水平转载 2017-11-24 14:10:06 · 251 阅读 · 0 评论 -
常见浏览器兼容性问题与解决方案
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以转载 2017-11-23 11:14:50 · 541 阅读 · 0 评论 -
css水平垂直居中三种实现方法
方法一:使用dispaly:inline-block 和 vertical-align 还有伪类实现.block1{text-align:center;border:1px solid red;height:600px; }.block1:before{content:'';display:inline-block;height:100%;vertical-align:middle;marg转载 2017-11-25 15:58:27 · 1008 阅读 · 0 评论 -
纯 CSS 实现高度与宽度成比例的效果
公司客户要求图片轮播比例1:1,以前都是写死然后让后台规定比例,以为要用js才能实现,百度一下,居然用css就能实现html部分 mint-swipe-items-wrap--> mint-swipe-item img--> css部分.mint-swipe-items-wrap{ width: 100%;原创 2017-12-14 09:53:52 · 2760 阅读 · 0 评论 -
CSS 外边距(margin)重叠及防止方法
CSS 外边距(margin)重叠及防止方法边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界,则在最大的正边界中减去绝对值最大的负边界。如果没有正边界,则从零中减去绝对值最大的负边界。注意:相邻的盒子可转载 2017-12-27 13:25:03 · 425 阅读 · 0 评论