css

css解决display:inline-block;产生的缝隙/间隙/间隔的方法

JS大学的小编 发布于 2017-06-26

这是一个非常常见的问题 display:inline-block; 发现处在同一水平线上的元素之间居然产生了缝隙,这很显然不是我想要的效果,所以我就换成了左浮动,这样缝隙的问题是解决了,但是需要设置父元素的宽度才能实现水平左右滚动,这样又增加了代码量,因为卡片的个数不固定,需要实...

阅读(1160)评论(0)赞 (0)

CSS3 立方体实现三维3D变形效果

JS大学的小编 发布于 2017-06-26

三维变换使用基于二维变换的相同属性,如果您熟悉二维变换,你们发现3D变形的功能和2D变换的功能类似。3D变形与2D变形的最大不同就在于其参考的坐标轴不同,2D变形的坐标轴是平面的,只存在X轴和Y轴,而3D变形的坐标轴则是X、Y、Z三条轴组成的立体空间,X轴正向是朝右,Y周正向是朝...

阅读(1058)评论(0)赞 (0)

CSS中的display:flex||inline-flex属性

JS大学的小编 发布于 2017-06-26

Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 flex: 将对象作为弹性伸缩盒显示 inline-flex:将对象作为内联块级弹性伸缩盒显示 display:inline...

阅读(914)评论(0)赞 (0)

css3的transform2D转换功能详解

JS大学的小编 发布于 2017-06-26

CSS3提供了2D转换功能,能够对元素进行移动、缩放和转动等功能。 2D转换的属性名为transform,使用方法为transform:method(value)。 2D转换方法有translate、scale、rotate、skew、matrix,还有基于这些分支出的trans...

阅读(733)评论(0)赞 (0)

css3 flex兼容性问题

JS大学的小编 发布于 2017-06-26

我写页面的时候用到过很多的flex布局,觉得非常好用。下面附上一篇不错的flex布局介绍的文章。 说一说flex布局的兼容性问题。 随着自己写过的页面的增多,也遇到了很多CSS兼容性的问题。这些兼容性问题,都是必然的,因为技术在不断进步,那么为了不被淘汰,我们就要做些兼容性处理。...

阅读(2411)评论(0)赞 (2)

CSS浏览器兼容问题整理总结

JS大学的小编 发布于 2017-06-26

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 D...

阅读(859)评论(0)赞 (0)