【建议收藏】8个css技巧，你肯定不会全知道

下面是总结的css技巧，建议大家收藏，以后用的时候就不用到处查资料了。当然这些也不是所有的，大家如果有什么好的css有趣样式技巧也可以发出来哦

三角形

虚线效果

css自带的border-style属性 dotted/ dashed . 效果展示出来太密了，并不符合UI设计

文本超出省略号

为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：

     display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。

    -webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。

   text-overflow，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。

浏览器兼容性：

时间轴

html结构

css样式

用法：

除了减法，还可以用 +（加） ，/(除) ， *（乘）。但要注意的是：

浏览器兼容性：

滚动条

卡券效果

阴影效果

等高布局

没有什么是一个flex搞不定的。

如果一行放不下，可以折行。