以20像素为基准进行CSS网页布局,说不定会让一些细节和潜能大放光彩,当然这需要体系的配合,还需要一些完整的解决方案在里面,本文就将分享这一实践心得,保证是其他地方都没有的。外甥点灯笼——照旧(舅),有demo有截图有必要的源代码展示,希望本文的内容能够对您的学习有所帮助!
CSS direction属性简介与实际应用
2016年03月20日 by 阅读 63333 次至少,在我接触的这么多项目里,没有见到使用过CSS direction属性做实际开发的。
为什么呢?是因为direction长得丑吗?
虽然说direction确实其貌不扬,但是CSS并不是一个看脸卖萌的世界。
那是因为兼容性吗?
那更不是了,在那个“美女”确实是美女的年代,包括IE6在内的浏览器,CSS direction就已经被支持……
腾讯微云黑色遮罩引导蒙版更好的CSS实现方式
2016年03月7日 by 阅读 84822 次网站有一些改动的时候,为了让用户熟知新的操作位置,往往会增加一个引导,常见的方式就是使用一个黑色的半透明蒙版,然后需要关注的区域是镂空的。
然后上周五我去微云转悠的时候,也看到了引导层,于是职业病又犯了,去学习下别人是怎么实现的。下面是观测的结果:
为了实现镂空蒙层效果,作者发挥了小时候拼积木的才能,使用两层HTML结构,内层使用5块独立区域拼接形成,至于中间镂空的区域的阴影则是使用的图片实现的。
我们实际上只需要一层标签,一层空标签就可以实现我们的效果,且不需要图片……
SVG精简压缩工具svgo简介和初体验
2016年02月29日 by 阅读 113371 次, 今日 3 次SVG文件,尤其从各种变假期导出的SVG,通常包含大量的无用信息,例如编辑器源信息,注释,因此元素,默认或者非最优值,以及其他一些不会影响渲染结果的可以移除或转换的内容。
有没有什么工具可以简化这些信息呢,有,不妨试试本文介绍的svgo.
CSS镂空图片transition过渡初加载背景色块问题解决
2016年02月25日 by 阅读 52415 次, 今日 1 次CSS镂空图片,由于颜色是CSS属性值控制,如color或者background-color, 因此可以实现transition过渡效果,同时节约资源。然而有个很严重的问题,就是加载时候,容易出现色块,而本文就将展示如何解决色块的问题,让好的技术更加适用!
有demo有截图有必要的源代码展示,希望本文的内容可以对您的学习有所帮助!
HTML textarea cols,rows属性和宽度高度关系研究
2016年02月4日 by 阅读 78820 次, 今日 1 次<textarea>
元素,俗称“文本域”,或者“多行文本框”,其自带原生的HTML属性rows
表示行的意思,可以改变<textarea>
的可视区域高度,cols
表示列,可以改变<textarea>
的可视区域宽度。
下面问题来了,我想很多小伙伴知道cols
和rows
可以影响文本域的尺寸,那cols
和rows
不同的数值和最终展示的像素尺寸之间有没有什么关系呢?可不可以通过公式计算呢?最终表现是否还受到其他CSS属性的影响呢?
本文就将解答上面的这些疑惑,一起进去看看吧~
CSS font关键字属性值的简单研究
2016年01月27日 by 阅读 37485 次ont属性值除了支持常用的缩写,还支持系统关键字,这种用法在某些场景下非常的有用。本文就带你前去一探究竟。有demo有源代码有截图,希望本文的内容能够对您的学习有所帮助!
基于原生HTML的UI组件开发
2016年01月22日 by 阅读 83496 次本文属于波澜不惊,平铺直叙版本。如果想看有有激情有思想的版本,可以去ISUX官博:“顺势而为,HTML发展与UI组件设计进化”。
理解CSS3 isolation: isolate的表现和作用
2016年01月9日 by 阅读 66232 次, 今日 2 次如题,理解CSS3 isolation: isolate的表现和作用,isolation: isolate是一个与CSS3混合模式关系密切的一个CSS声明。