随笔分类 - Css
摘要：近段时间使用html5开发一个公司内部应用，而触摸事件必然是移动应用中所必须的，刚开始以为移动设备上或许也会支持鼠标事件，原来是不支持的，好在webkit内核的移动浏览器支持touch事件，并且打包成app也毫无压力。原本以为touch事件应该跟鼠标事件是一样的道理，实践过程中虽然不难，但还是碰到了
阅读全文
摘要：随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达...
阅读全文
摘要：1.特色的 © © © 版权标志 | | 竖线，常用作菜单或导航中的分隔符 · · · 圆点，有时被用来作为菜单分隔符 ↑ ↑ ↑ 上箭头，常用作网页“返回页面顶部”标识 € € € 欧元标识 ² ² ² 上标2，数学中的平方，在数字处理中常用到
阅读全文
摘要：前几天一@同事看新浪微博里有个类似分隔线的提示，就自己试了几种方法来实现这个分隔线。下面就是简单实现分隔线的几种方法，个人比较喜欢第二种，我也给出了最后第五种比较2的写法，请大家拍砖，或者提供其他好的方法。单个标签实现分隔线：点此查看实例展示.demo_line_01{ padding: 0 ...
阅读全文
摘要：css3实现社交图标旋转效果 twitter li a span { background: url(images/sprite.png) no-repeat; display: block;...
阅读全文
摘要：参考了天猫、微博等网站的做法，用纯html和css实现，效果还是不错的。以下是成果，兼容主流浏览器，包括ie6。•用css做的提示盒子，上三角是纯css，盒子圆角用到css3用css做的提示盒子，上三角是纯css，盒子圆角用到css3
阅读全文
摘要：元素类型HTML 的元素可以分为两种：块级元素（block level element）内联元素（inline element 有的人也叫它行内元素）两者的区别在于以下三点：块级元素会独占一行（即无法与其他元素显示在同一行内，除非你显示修改元素的 display 属性），而内联元素则都会在一行内显示...
阅读全文
摘要：CSS书写规范及顺序CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, c...
阅读全文
摘要：第一个匹配： ；无法匹配： 和 ；第二个匹配： 中间的 div；第三个匹配： 中间的 div；无法匹配：。三个的区别是：规则 .ul.item 匹配 class 属性同时含有 ul 和 item 的元素；规则 .ul .item 匹配 class 属性包含 ul 的元素中 *任意的* class 属...
阅读全文
摘要：1、在单元格中加入一个空格。这样: 2、直接在table里这样写: 看清了啊，border-collapse只能是collapse，虽然border-collapse还有separate，inherit属性。用这 种方法可以把边框显示出来，但很郁闷的是—-它显示的是细边框。顺带一下separate...
阅读全文
摘要：利用before.after http://www.jiawin.com/css-before-after现在我们经常在html源码中看到如下的写法：这里的::after和::before就是我们今天来探讨的css伪元素之二 -:before && :after。伪元素首先我们要明白什么是伪元素，...
阅读全文
摘要：原文地址:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html原作很强悍导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变（发散）图形变形（平移、旋转、缩放）矩阵变换（图形变形的机制）图形组合给图形...
阅读全文
摘要：autocomplete 属性 autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。 注释：autocomplete 属性适用于 ，以及下面的 类型：text...
阅读全文
摘要：在我们做弹出遮罩层时经常遇到这种问题，就是select被这罩住不兼容IE6，其实解决这种问题并不难，只要掌握住原理就挺简单的。首先就是当遮罩层出现时select要暂时隐藏，但是不能用display:none;要用visibility:hidden;这样select的虽然隐藏但位置还在。下面是js代码...
阅读全文
摘要：关于z-index的真正问题是，很少有人理解它到底是怎么用。其实它并不复杂，但是如果你从来没有花一定时间去看具体的z-index相关文档，那么你很可能会忽略一些重要的信息。不相信我吗？好吧，看看你能否解决下面这个问题：问题：在 接下来的HTML里 有三个元素，并且每个里包含一个元素。每 个被分别给定...
阅读全文
摘要：CSS中 Zoom属性 介绍 其实Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支撑。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小感化，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。 Zoom的应用办法： zoom : normal | num...
阅读全文
摘要：Z-index研究 opacity和z-index一起使用关于z-index的真正问题是，很少有人理解它到底是怎么用。其实它并不复杂，但是如果你从来没有花一定时间去看具体的z-index相关文档，那么你很可能会忽略一些重要的信息。不相信我吗？好吧，看看你能否解决下面这个问题：问题：在 接下来的HTM...
阅读全文
摘要：【必备】史上最全的浏览器 CSS & JS Hack 手册 浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享Browserhacks 帮我...
阅读全文
摘要：纯css圆角 Snazzy Borders Based on Nifty Cor...
阅读全文