随笔分类 -  css

css 选择器
摘要：p:only-child 选择属于其父元素的唯一子元素的每个 元素。 p:nth-child(2) 选择属于其父元素的第二个子元素的每个 元素。 p:nth-last-child(2) 同上，从最后一个子元素开始计数。 p:nth-of-type(2) 选择属于其父元素第二个 元素的每个 元素。 p:nth-last-of-type(2) 同上，但是从最后一个子元... 阅读全文
posted @ 2016-10-17 09:35 superChicken 阅读(118) 评论(0) 推荐(0)
透明度与十六进制代码转换
摘要：解析：〈#ffffffff〉#ffffffff由#加八位数字或字母组成，前两个ff为透明度（十六进制），后面六位ffffff为颜色代码，采用RGB配色（十六进制） 透明度参照表： 阅读全文
posted @ 2016-09-05 13:38 superChicken 阅读(2557) 评论(0) 推荐(0)
css3 自动无限缩放
摘要：@-webkit-keyframes scaleDraw { 0% { -webkit-transform:scale(1); } 25% { -webkit-transform:scale(1.1); ... 阅读全文
posted @ 2016-07-27 10:26 superChicken 阅读(2987) 评论(0) 推荐(0)
CSS强制英文、中文换行与不换行 强制英文换行（转）
摘要：注意，一定要指定容器的宽度，不然的话是没有用的。 注意word-break 是IE5+专有属性 语法： word-break : normal | break-all | keep-all 参数： normal : 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行 break-all : 该行为与 阅读全文
posted @ 2016-06-15 11:12 superChicken 阅读(216) 评论(0) 推荐(0)
深入浅出CSS3：background-clip,background-origin和border-image教程
摘要：注： 作者 hh54188 ， 转自 http://www.cnblogs.com/hh54188/archive/2011/01/12/1929061.html 有一篇来自怿飞博客的《 background-clip与background-origin 的一则运用》，但是几年前的文章，其中的部分内 阅读全文
posted @ 2016-06-13 17:15 superChicken 阅读(804) 评论(0) 推荐(0)
CSS3景颜色渐变（转）
摘要：background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%); background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%); background:-moz-linea 阅读全文
posted @ 2016-06-13 15:55 superChicken 阅读(187) 评论(0) 推荐(0)
PNG图片兼容方法
摘要：1、Unit PNG FixUnit PNG Fix同样是一个修复IE6无法显示透明图片的JS它的主要特点有：非常小的JS文件，只有1KB解决因为IE的滤镜属性所带来的影响无论是img元素或background-image属性都能有很好的效果在加载页面之前就能自动运行，不需要再为png图片定义任何类... 阅读全文
posted @ 2016-01-18 13:11 superChicken 阅读(512) 评论(0) 推荐(0)
使用html5shiv让IE6~8支持HTML5
摘要：越来越多的站点开始使用 HTML5 标签。但是目前的情况是还有很多人在使用IE6，IE7，IE8。为了让所有网站浏览者都能正常的访问网站，解决方案就有下面两个：为网站创建多套模板，通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面，比如优酷网就是采用的这种模式。使用Javascri... 阅读全文
posted @ 2016-01-18 13:02 superChicken 阅读(235) 评论(0) 推荐(0)
使用Selectivizr让IE6~8支持CSS3
摘要：Selectivizr是一个JS文件，你只需要引入如JQuery、Mootools、Prototype等N多流行的JS框架中的任意一个，然后再调用Selectivizr，就可以让IE6/7/8支持CSS3选择器。Selectivizr的使用非常的简单，但是并不能直接使用，在使用前需要先加载下列框架中... 阅读全文
posted @ 2016-01-18 13:01 superChicken 阅读(502) 评论(0) 推荐(0)
CSS代码检查工具推荐：CSS Lint
摘要：CSS Lint是一个开源的校验CSS文件质量的工具，最初是由Nicholas C. Zakas和Nicole Sullivan编写的，最初版本在Velocity会议上于2011年6月发布。CSS Lint的检测规则包括错误的和警告，当选择器或属性书写不正确、漏掉了大括号、多写了分号等时，会提示解析... 阅读全文
posted @ 2016-01-18 12:47 superChicken 阅读(6926) 评论(0) 推荐(0)
前端CSS规范整理
摘要：一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件，放在如... 阅读全文
posted @ 2016-01-18 12:45 superChicken 阅读(204) 评论(0) 推荐(0)
input输入框与图片不在同一行的解决办法
摘要：在做input输入框与搜索图片（或者是验证码图片）的时候，发现总不能将他们水平对齐。只要将input和图片都加上一个css：vertical-align:middle 就能成功解决了。修改前：修改后： 阅读全文
posted @ 2015-12-29 17:30 superChicken 阅读(860) 评论(0) 推荐(0)