![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
文章平均质量分 94
cjx2lxj
这个作者很懒,什么都没留下…
展开
-
CSS绘制小三角形/圆形等各种小图标的方法
CSS绘制小三角形/圆形等各种小图标的方法切图时常常需要一些小图标辅助信息模块的表达,比如带有小三角选中状态的导航栏,气泡框等等。如果以图片的方式加载这些小图标会增加http的请求量,不利于性能优化,因此我们可以用CSS,HTML5 Canvas,SVG,基于base64的图片编码等方式实现图标的绘制。 下面主要介绍几种常用的CSS绘制小三角以及其他图形的方法:利用border属性绘制小三角原创 2016-10-24 15:19:36 · 7560 阅读 · 0 评论 -
CSS三栏自适应布局
[TOC] 提到CSS三栏布局,从传统的网页布局角度看,会自然而然的想到盒状模型display + position+ float等属性,本文主要总结几种常见的CSS三栏自适应布局模型,包括基于传统的position和margin属性的布局——绝对定位法,自身浮动法,圣杯布局,双飞翼布局;以及基于css3新特性的弹性盒模型布局:flex布局。 三栏自适应布局特点:两边栏定宽,中间原创 2016-10-14 16:12:09 · 736 阅读 · 0 评论