@import调用css和link href调用有什么区别？
大家去分析一些门户网站的样式时，都会发现调用css有以下两种方法： 方法一： <style type=”text/css”> <!– @import url(“css/main.css”); @import url(“css/font.css”); @import url(“css/layout.css”); –> </style> 方法二： <link...
View ArticleClik here to view.
利用CSS伪类实现产品展示效果
产品展示效果的实现，道理其实很简单，主要利用了伪类:hover属性，当用户鼠标未悬停在img属性时，此时span标签样式为display:none;状态 当用户鼠标悬停在img标签，触发span标签的CSS样式，也就是display:block; 演示： Demo 下载：点击我 DEMO通过 IE6,IE7,IE8,FF,Chrome,op 浏览器兼容测试 转载声明：...
View Article常用CSS缩写语法总结
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1； property:value1 value2;...
View ArticleClik here to view.
利用CSS实现幻灯片效果
图片切换技术是目前各大中小型网站中最受青睐。但目前很多图片切换技术都是利用Flash或Javascript来实现的，我们利用CSS制作这一效果，我们想告诉你的是，CSS是如此的强大，如此的好玩，并不是告诉你采用CSS 取代Javascript 的用途。 图4-1 基本思路:...
View ArticleClik here to view.
CSS3属性操作符详解
CSS3语言开发是朝着模块化发展的。 以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：盒子模型 列表模块 超连结方式 语言模块 背景和边框 文字特效 多栏布局等。...
View Article[译] 深入 CSS 行高
一个简单的, step-by-step 关于 CSS 行高的演示文档, 涵盖行间距, 如何应用各种类型的行高值, 当然还有 inline box 模型介绍（但实战应用在中文字体或中英文字体混合，以及IE678，XP win7里，行高规则又有所不同，泪流满面） Line Height (中文版) View more presentations from bigCat Mao.
View Article学CSS的一些技巧
之前学CSS一直花费了不少功夫，绕了不少的弯。 其实CSS的学习旅程很简单，所以今天整理了一些学CSS的技巧，供大家参考。 1. 掌握最基本的： 第1天 : 选择什么样的DOCTYPE 第2天 : 什么是名字空间 第3天:定义语言编码 第4天:调用样式表 第5天:head区的其他设置 第6天:XHTML代码规范 第7天:CSS入门 第8天:CSS布局入门 第9天:第一个CSS布局实例...
View ArticleClik here to view.
HTML5语音输入（淘宝语音搜索）方法
最近项目公司项目上增加语音搜索功能，查了相关文章，终于解决问题了，可惜的是只有webkit核心的浏览器才能使用。用法很简单 只需要在input添加属性x-webkit-speech即可，例子如下： <input type="text" x-webkit-speech /> 这样你的输入框右边里就多了个「小话筒」，点击的时候就会提示...
View Article史上最全的浏览器 CSS & JS Hack 手册(转)
浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack，记得推荐和分享啊！ IE 选择器 Hack ? 1 2 3 /* IE 6...
View Article