随笔分类 - CSS
摘要：一、CSS中zoom:1的作用在做IE6、IE7、IE8浏览器兼容的时候，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：1、触发IE浏览器的haslayout2、解决IE下的浮动，margin重叠等一些问题。 二、z-index:auto|number; ◆auto遵从其父对象的定位
阅读全文
摘要：http://blog.csdn.net/fungleo/article/details/49848905
阅读全文
摘要：RGB ( Red，Green，Blue )用法RGB()函数使用下述公式计算表示颜色的长整数：65536 * Blue+ 256 * Green+ Red其中，Blue代表蓝色分量，Green代表绿色分量，Red代表红色分量。各分量中，数值越小，亮度越低，数值越大，亮度越高。例如，RGB ( 0,
阅读全文
摘要：浏览器默认的滚动条样子太过屌丝了，得自己动手整整。记得IE浏览器有几个设置滚条的样式，不过比较鸡肋，只能设置颜色之类的，而且webkit下面也不支持。无意间看到网易邮箱的滚动条样子很好看，一开始以为是用div模拟的，结果一看，吼吼，正合我意，利用的CSS来设置的，而且是webkit浏览器的。 得好好
阅读全文
摘要：css中overflow:hidden 不起作用了吗？ 有同学遇到这样的问题，现象是给元素设置了overflow:hidden，但超出容器的部分并没有被隐藏，难道是设置的hidden失效了吗？其实看似不合理的现象背后都会有其合理的解释。 我们知道，overflow属性值有这几种：visible：声明
阅读全文
摘要：.div{ position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } style #flex-wrap { width: 1000px; height: 30...
阅读全文
摘要：写主题样式的时候经常会碰到用背景图铺满整个背景的需求，这里分享下使用方法 需要的效果 以图片bg.jpg为例 方法一、最简单，最高效的方法 CSS3.0 归功于css3.0新增的一个属性background-size，可以简单的实现这个效果，这里用fixed和center定位背景图，然后用backg
阅读全文
摘要：当你设置一个你想要相对的模块为relative 你这个模块为absolute 则你的这个absolute会相对relative的那个模块进行移动。
阅读全文
摘要：1. 使用 text-overflow:ellipsis; 超出部分会变成省略号 http://www.w3school.com.cn/tiy/t.asp?f=css3_text-overflow 1.是一个div 2.重点是三个同时使用：text-overflow:ellipsis; white-
阅读全文
摘要：<html><head><style type="text/css">body{ background-image: url("../i/eg_bg_03.gif"/*tpa=http://www.w3school.com.cn/i/eg_bg_03.gif*/);background-repeat
阅读全文
摘要：你如果填写的是相对路径，那么检查一下路径是否正确。 如果相对路径正确，那么有可能你的css样式的层级错误(概率也不低)，比如说图片的引用路径发生了改变等等。 要看你预览的浏览器是什么，我经常遇到IE预览不好用，可以换其他浏览器，例如chrome或者firefox
阅读全文
摘要：设置行高和a标签的高度一样就能居中，使用line-height
阅读全文
摘要：-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;
阅读全文
摘要：::after是一个CSS伪元素，使用::after，你可以从CSS里往页面上新增内容(不再要在HTML里有相应的东西)。虽然最终生成的东西并不是真正的DOM里的内容，但这些内容能像普通内容一样显示，基本的效果是这样的: CSS代码 HTML代码 ::before跟::after完全类似，只是它插入
阅读全文