css - 随笔分类 - caojiayan

Css if hack条件语法

摘要：Css if hack条件语法  除IE外都可识别 <!--[if lt IE 6]> IE6 阅读全文

posted @ 2017-02-05 21:52 caojiayan 阅读(1232) 评论(0) 推荐(0)

css样式初始化代码总结

摘要：编写css样式之前需要初始化css样式，总结如下：阅读全文

posted @ 2017-01-23 13:46 caojiayan 阅读(15372) 评论(1) 推荐(1)

dl, dt, dd /line-height /loat /vertical-align 问题

摘要：刚刚在看张鑫旭大神的个人网站，看到一篇关于“css瓶颈”的深度好文，地址为：http://www.zhangxinxu.com/wordpress/?p=2523 关于张大神在文章里面提到的四个问题：我个人理解模糊，谷歌的一些相关的答案，感谢原作，原文地址为：http://www.cnblogs. 阅读全文

posted @ 2017-01-20 18:26 caojiayan 阅读(809) 评论(0) 推荐(0)

针对IE的CSS样式hack

摘要：针对IE的CSS样式hack，如下：例子：background：#000； 1、只针对IE6的hack方式(_)：_background：#000； 2、只针对IE7的hack方式(+)：+background：#000； 3、小于或等于IE7的hack方式(*)：*background：#000 阅读全文

posted @ 2016-11-17 15:39 caojiayan 阅读(262) 评论(0) 推荐(0)

转-CSS优先级（权重）解析

摘要：1.多个选择器可能会选择同一个元素，有3个规则，从上到下重要性降低：！important的用户样式！important的作者样式作者样式用户样式浏览器定义的样式 2. CSS规范为不同类型的选择器定义了特殊性权重，特殊性权重越高，样式会被优先应用。权重设定如下： html选择器，权重为1 阅读全文

posted @ 2016-11-15 16:33 caojiayan 阅读(302) 评论(0) 推荐(0)

转-史上最全的CSS hack方式一览

摘要：在某大牛的博客看到的，转需 IE浏览器各版本 CSS hack 对照表：转载网址为：http://blog.csdn.net/freshlover/article/details/12132801 来自CSDN freshlover的博客专栏《史上最全CSS Hack方式一览》阅读全文

posted @ 2016-11-11 11:05 caojiayan 阅读(222) 评论(0) 推荐(0)

<hr/>标签改变颜色注意事项

摘要：1、css改变颜色注意：如果不加border:0;的话，虽然颜色改变了，但是会显示一条黑色的边框。如果不加height:1px;的话，在firefox下会不显示。阅读全文

posted @ 2016-11-08 17:36 caojiayan 阅读(328) 评论(0) 推荐(0)

CSS3背景颜色渐变效果

摘要：1、firefox浏览器： 2、safari、chrome浏览器： 3、Opera浏览器： 4、IE浏览器：上面IE浏览器代码实现的是红色至蓝色的渐变，但是不含透明度变化，这是由于IE目前尚未支持opacity属性以及RGBA颜色，要实现IE下的透明度变化，还是需要使用IE滤镜，IE的透明度滤镜功阅读全文

posted @ 2016-11-08 17:04 caojiayan 阅读(1545) 评论(0) 推荐(0)

关于input在li列表中居中显示

摘要：input属于置换元素（replaced element），置换元素主要是指img，input，textarea，select，object等这类默认就有CSS格式化外表范围的元素，这些元素的垂直居中，可以直接设置vertical-align:middle; 阅读全文

posted @ 2016-10-24 13:54 caojiayan 阅读(392) 评论(0) 推荐(0)

火狐中，设置align="center"失效的解决方法

摘要：如下： <img align="center" style="vertical-align:top"></img> 只需要加上： vertical-align：top,就可以解决。如下： <img align="center" style="vertical-align:top"></img> 只阅读全文

posted @ 2016-10-24 10:39 caojiayan 阅读(354) 评论(0) 推荐(0)

IE中float元素如果同时设置了margin值，此时margin的值会变为双倍的解决方法

摘要：IE中float元素如果同时设置了margin值，此时margin的值会变为双倍，解决办法：是在该元素中加入display:inline。阅读全文

posted @ 2016-10-21 11:15 caojiayan 阅读(142) 评论(0) 推荐(0)

如何解决两个li之间的缝隙

摘要：如何解决两个li之间的缝隙的问题：在做一个类似按钮左右滑动的选择器的动效，遇到了个是关于li之间的缝隙的问题： HTML如下：ＣＳＳ如下：显示的效果如下：明显两个li之间有一个缝隙，经过仔细检查发现有如下3种解决方式： 1、在css样式里要使用margin:0;padding:0去除浏览器的阅读全文

posted @ 2016-10-11 15:58 caojiayan 阅读(4078) 评论(0) 推荐(0)

关于让input=text，checkbox居中的解决方法

摘要：来自张鑫旭-鑫空间-鑫生活 [http://www.zhangxinxu.com] 注意：当type=“checkbox”时，例子如下： <input type="checkbox"/> <label style="font-size: 12px; ">全选</label> 后面label里是文阅读全文

posted @ 2016-10-09 16:44 caojiayan 阅读(655) 评论(0) 推荐(0)

鼠标点击 input，显示瞬间的边框颜色，对之修改与隐藏

摘要：示例的是项目中的遇到的，要做成的效果是点击该图片按钮，达到切换图片的效果：点击图片按钮的瞬间的样式如下图：但是在点击的图片按钮的瞬间，图片出现了带有淡蓝色的颜色边框，在松开鼠标的瞬间便又消失，为了去掉这瞬间的点击颜色效果，可以通过focus伪类去实现，具体代码如下： 1、去掉（隐藏）边框的颜色阅读全文

posted @ 2016-10-05 12:14 caojiayan 阅读(3667) 评论(0) 推荐(0)

background-clip与background-origin两者的区别

摘要：第一篇随笔有提到 background-clip与background-origin两者的区别，但是太字面化了，对于小白而言甚是难以理解，包括我自己，在第二次去理解的时候，反而蒙圈了。所以，查阅了一些资料，用自己的理解，简单点，简单点，简单点。。。 background-clip指定了背景可以覆盖到阅读全文

posted @ 2016-08-31 13:42 caojiayan 阅读(413) 评论(0) 推荐(0)

CSS3的基础知识点

摘要：面临找工作之际，又将CSS3的基础知识撸了一把，做了相应的笔记，主要是方便自己查阅，参考的是W3C的知识。 1、CSS背景（1）、background-size 属性 background-size 属性规定背景图片的尺寸，同时适用与字体图标方面的适用（主要在移动端用到较多）。在 CSS3 之前阅读全文

posted @ 2016-08-29 21:25 caojiayan 阅读(932) 评论(0) 推荐(0)

caojiayan

随笔分类 - css

公告