文章关键字 ‘css相关’

PNG格式小图标的CSS任意颜色赋色技术

2016年06月8日,星期三

CSS可以修改图片的颜色,没错,可以,本文就带你一睹真相,再次领略CSS的潜力和造诣。

阅读全文…

秋月何时了,CSS3 border-radius知多少?

2015年11月1日,星期日

深入理解CSS3 border-radius的一些特性表现。平时使用的那点东西只是浮于表面的,实际上,border-radius支持的属性值呢,还是有点料的,也有很多需要注意的tips. 本文就算是border-radius进阶学习,还是一如既往的,有丰富的截图,表情图,琐碎图,插科打诨图;有丰富的源代码展示,对了,还有纯手动打算的便于学习的demo。希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS混合模式mix-blend-mode/background-blend-mode简介

2015年05月29日,星期五

熟悉PS的人都应该知道混合模式,什么叠加、正片叠底、颜色减淡、颜色加深、滤色……之类的。在web上基本上常见的现代web技术都支持混合模式,例如SVG啊,Canvas等。CSS3自然也不在话下,本文就将介绍CSS3中两个与混合模式有关的CSS属性mix-blend-mode和background-blend-mode,一起进来看看眼界吧~~

阅读全文…

CSS中height:100%和height:inherit的异同

2015年02月15日,星期日

不知大家有没有相关CSS中height:100%和height:inherit的有什么异同?是否可以替换使用?height:inherit的价值在哪里?

本文就将回答这一系列问题,同样的,有截图,有demo,还有必要的源代码展示,总之希望本文的内容对您的学习有所帮助。

阅读全文…

准确理解CSS clear:left/right的含义及实际用途

2014年06月9日,星期一

我们平时一般都使用clear:both清除浮动,貌似就干这一件事件。用得很开心,但似乎理解上懵懵懂懂,我其实也是,早年的时候,测试过CSS clear:left/right,虽知其作用(80%确定而已),但不知其机理。

有必要再次整理下,温故知新。可能很多同行都没有注意left/right值,或者可能理解上含糊,或者不知道其实际意义在何处。So, follow me…

阅读全文…

深入理解CSS3 gradient斜向线性渐变

2013年09月6日,星期五

CSS3斜向渐变,看上去好像挺简单。实际上,其远没有你想得那么简单。本文就将逐步揭开其一些复杂、特意的地方。避免您在日后的使用中掉进坑里。
很多自己制作演示图,希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻译:谷歌HTML、CSS和JavaScript风格规范

2012年07月18日,星期三

本文翻译的内容并不是谷歌官方提供的完整HTML/CSS风格规范,而是一种带有总结性质的简单称述。完整的中文翻译,国内已经有(只有HTML/CSS, 无JS)。

大家都有自己的工作要做,大多数人没有多少精力去看冗长而且还是英文的规范文档。本文这里的基本点的总结基本上提炼了大家需要知道的一些东西,便于快速阅读。
希望本文的翻译能够对大家在使用HTML, CSS, JavaScript上有一定的启发与帮助。

阅读全文…

Stylus-NodeJS下构建更富表现力/动态/健壮的CSS

2012年06月29日,星期五


SASS显然优于LESS(所以你就休息去吧),SASS刚出来的时候我就在文章有有所提到,现在貌似已经被很多同行熟知,甚至有些小众项目组已经使用之。
然而,我却没有专门花功夫介绍SASS, 为何?那为何现在又花大把功夫整理和介绍Stylus?异同在何处?……

阅读全文…

介绍:cssrefresh.js-CSS文件自动刷新

2012年03月19日,星期一

本文内容正如标题所说的,介绍cssrefresh.js. 按照What? Why? How?的提问顺序介绍。末了,还附上了一个实际样式的demo。当然,源代码啊,截图啊什么的为日常口粮,自然少不了。不一定多使用,不过对于某些同行,尤其新人,估计还是很有用的。

阅读全文…

小tip: CSS后代选择器可能的错误认识

2012年03月19日,星期一

本文通过几个简单的实例,介绍在CSS后代选择器上,一些同行可能存在的一些错误认识。虽是短篇,但是源代码展示,必要的demo页面以及效果截图俱全。希望本文的内容能够对您的学习有所帮助。

阅读全文…