CSS
TheBadWaka
不劳而获的喜悦走向毁灭。
展开
-
box-sizing
w3cschool地址:http://www.w3school.com.cn/cssref/pr_box-sizing.asp box-sizing有三个值: - content-box (default),border和padding不计算入width和height之内 - border-box,border和padding都计算入width和height之内 - inherit,继承父元素原创 2016-11-16 09:46:10 · 362 阅读 · 0 评论 -
在macOS的浏览器上使用灰阶渲染字体,修复字体过粗的问题
原视频地址:http://www.imooc.com/video/11742 听记理想的字体其边缘的过渡是非常平滑的,但是在屏幕上显示的时候需要将字体栅格化为一个个像素点,采用黑白像素点渲染,无法体现字体的细节之处,会造成边缘呈现锯齿状的不平滑。为了解决这个问题,字体渲染引擎采用了一些方法去进行平滑,其中就包括灰阶渲染和亚像素渲染灰阶渲染是通过控制字体轮廓上像素点的亮度,达到字体原始形状的方法亚像素原创 2016-12-07 18:40:50 · 1078 阅读 · 0 评论 -
详解用CSS3制作圆形滚动进度条动画效果
原文地址:http://www.cnblogs.com/jr1993/p/4677921.html 主题今天手把手教大家用CSS3制作圆形滚动进度条动画,想不会都难!那么,到底是什么东东呢?先不急,之前我分享了一个css实现进度条效果的博客《CSS实现进度条和订单进度条》,但是呢,那篇博客只是制作出来效果而已,并没有动画效果,因为当时正期末复习期间,所以就省了制作动画的时间成本。所以,今天就一起把各转载 2017-01-04 10:04:53 · 4841 阅读 · 0 评论 -
<span>标签挨着写时的出现的迷之间距问题
问题两个span分行挨着写时,样式会出现迷之间隔,如下: 解决方案1:父元素的font-size设置为0,但是这样会出现一个问题,text-overflow: ellipsis属性不在生效解决方案2:html中将span不分行挨着写,如下图:这样既可以消除间隔,又可以保留text-overflow: ellipsis属性原创 2017-01-21 13:43:20 · 2812 阅读 · 0 评论