翻译:2017年值得学习的3个CSS特性

翻译:2017年值得学习的3个CSS特性
2017年,CSS有什么值得学习的东西吗?本篇文章将介绍3个CSS3新特性:1.@support,检测浏览器是否支持某个CSS属性,2.grid,使用网格组件方便布局,3.css原生变量,而不需要其它预处理,浏览器默认支持。

JavaScript判断浏览器是否支持CSS3属性

在使用CSS3的一些属性时,为了兼顾低端浏览器对CSS3的不友好性,往往需要知道某些浏览器是否支持要使用的CSS3属性,以此来做向下适配。比如常见的CSS3动画就很有必要检测浏览器是否支持。下面分享几种方法:

移动端CSS平分等分布局延伸

移动端CSS平分等分布局延伸
结一的一篇文章《这个问题你应该很熟悉,然后懵逼,然后放弃》,看起来像是一篇探讨移动端平分布局的写法,里面的平分有些只适合三个,我试着把它拓展到四个或者多个平分的布局上,并加入一些文字在其中。

CSS粘住固定底部的5种方法

CSS粘住固定底部的5种方法
本文主要介绍一个div元素如何紧靠固定底部,使其无论内容多或者少,底部元素始终紧靠固定在浏览器的底部。我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器的底部时,下面要讲的布局就是解决如何使元素粘住固定浏览器底部。

HTML5和CSS3代码生成器

HTML5和CSS3代码生成器
这篇文章分享了一些比较常用的CSS3特效生成器,有按钮、边框、圆角、渐变、系统字体和阴影等,使用这些工具能够快捷的做出你想要的小特效,值得收藏使用。

CSS3选择器学习笔记1

CSS3选择器学习笔记1
本节学习通用符匹配文件类型:[att^="val"],删除空文本标签:empty,否定选择器:not,第一个子节点:first-child,最后一个子节点:last-child,某种规律的子节点:nth-child(n),根节点:root等。

20个很有用的CSS技巧

下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。

CSS3制作圆环进度动画效果

CSS3制作圆环进度动画效果
今天在微博上分享了一篇关于“CSS3进度圆环”的做法,然后回来搜了一下,发现了这个比较给力的做法和解说。分享给大家:

user-modify和contenteditable新属性

user-modify和contenteditable新属性
看到张鑫旭的一篇文章:小tip: 如何让contenteditable元素只能输入纯文本,说到了几个我不曾了解的内容,user-modify和contenteditable的新属性。user-modify属性,用来控制用户能否对页面文本进行编辑。与标签的contentEditable属性类似。

HTML5实现动画三种方式

HTML5实现动画三种方式
编者注:作者以一个运动的小车为例子,讲述了三种实现HTML5动画的方式,思路清晰,动画不仅仅是canvas,还有css3和javascript.通过合理的选择,来实现最优的实现。 PS:由于显卡、录制的帧间隔,以及可能你电脑处理器的原因,播 ...