随笔分类 - CSS
css/css3
摘要：http://www.zhangxinxu.com/wordpress/2014/10/currentcolor-css3-powerful-css-keyword/
阅读全文
摘要：写进度条的时候用过这个方法，记录一下 它的用法是 方向是按顺时针走的。 具体这四个值代表什么意思，看下面这几张图就明白了。 Demo 结果如下
阅读全文
摘要：看一个用css3写幻灯片的demo用到了这么几个属性 一时半会儿理解不了，什么景深，Z轴，虽然有一些以前高中学立体几何学过吧，但是貌似又有很大的区别，于是就查了下资料。 没想到，哪都有张鑫旭！ http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-t
阅读全文
摘要：张鑫旭的博客有提到，解决的方法有很多，先贴下，回头再做整理。 http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/
阅读全文
摘要：WebKit CSS: 1.“盒模型”的具体描述性质的包围盒块内容，包括边界，填充等等。 2.“视觉格式化模型”描述性质，确定了位置和大小的块元素。 3.“视觉效果”描述属性，调整的视觉效果块内容，包括溢出行为，调整行为，能见度，动画，变换，和过渡。 4.“分页媒体”描述性能与外观的属性，控制印刷版
阅读全文
摘要：给要取消系统事件的元素加上如下css
阅读全文
摘要：CSS2中如果要设计多列布局，常用的方法有浮动和定位，但是浮动容易错位，定位无法满足模块的自适应能力，以及模块之间的文档流联动的需要。为了解决多列布局的难题，CSS3新增了多列自动布局功能。 利用多列布局属性可以自动将内容按指定的列数排列，这种特性特别适合报纸和杂志类网页布局。 1.columns
阅读全文
摘要：为元素添加内容 content属性术语内容生成和替换模块，该属性能够为指定元素添加内容。 取值如下 normal：默认值 string：文本内容 attr()：插入元素的属性值 uri()：插入一个外部资源 counter()：计数器 none：无任何内容 我们可以插入填充一张图片 也可以经常写在b
阅读全文
摘要：resize属性可以设置是否允许用户缩放网页中元素的大小 总共有4种取值 none vertical horizontal both 举个栗子 记得定义最大尺寸，把缩放控制在一定范围之内。
阅读全文
摘要：一般我们都认为border和padding都包含在width或height之内。 而现代标准的浏览器一般都认为width和height仅仅包含content，刨去了border和padding区域。 它有两个值可以取 1.content-box：width/height = border + pad
阅读全文
摘要：在CSS3中，background可以添加多个背景图像组，背景图像之间通过逗号进行分隔。 每个背景图像层都可以包含下面的值 background-image 我们可以将这些属性都写进background属性中，就像这样 background-origin属性定义background-position
阅读全文
摘要：box-shadow属性包含6个参数值：阴影类型、X轴位移、Y轴位移、阴影大小、阴影扩展和阴影颜色。这6个参数值可以有选择地省略。 现在我们用一个img元素来举栗子 我们先来写最简单的box-shadow 只需要在box-shadow属性里设置X和Y的偏移量即可 现在我们给阴影加上大小和颜色 第三个
阅读全文
摘要：之前写项目的时候碰到一个小问题，因为IE下的那个叉触发不了我的change事件，所以只好把IE给加上去的那个叉去了，在此记录一下。
阅读全文
摘要：HSL 1.length 表示色调(Hue) Hue衍生于色盘，取值可以为任意数值，其中0（360、-360）表示红色，60表示黄色，120表示绿色，180表示青色，240表示蓝色，300表示洋红。 2.percentage 表示饱和度(Saturation) 表示该色彩被使用了多少，即颜色的深浅程
阅读全文
摘要：^匹配的是开头 $匹配的是结尾 举个栗子，上面两个类匹配的分别为
阅读全文
摘要：随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？ 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1像素以上（目前主流宽度是1366×768），有的还达到
阅读全文
摘要：http://v3.bootcss.com/components/#panels http://v2.bootcss.com/components.html
阅读全文
摘要：很多个人网站都会改变选中区域的文字和背景的颜色，今天偶然看到的，就想了一下，想到了系统默认事件(system default)，想到了jQuery的Sizzle选择器，貌似都搭不上边，其实很简单，用CSS3的伪元素选择器::selection就好了。.demo::selection{color:#f...
阅读全文
摘要：.test{ /*立体滚动条凸出部分的颜色*/ scrollbar-face-color:#FEFAF1; /*滚动条空白部分的颜色*/ scrollbar-highlight-color:#FEFAF1; /*立体滚动条阴影的颜色*/ scrollbar-sh...
阅读全文