20篇教你得到酷炫效果的JQuery教程
我们都喜爱jquery带来的梦幻效果。本之列举的教程标题不同，但它们都带有不同的酷炫视觉效果。跟着它们逐步重建你的设计，又或是将这些令人震憾的特效融入你的设计中。 Making a Beautiful HTML5 Portfolio 想打造一个让人过目不忘的专属网络文件夹?这个特效是不错的示例。 流行的相片墙加上简洁的特效，没有啰嗦的文字堆砌，立刻抓住用户的注意力。 ...
阅读更多解决中文版Chrome下不能显示小于12px的字体
在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，最终将显示12px。这样弄的本意可能是好的，因为中文一旦小于12px，就变得不易阅读。 但中文版Chrome也会阅读英文网站啊！中文网页里面也会有英文的小字体设置需求啊！尤其是一些文字部份的设计，不小实在不好看，影响整个排版的美观。 解决方案，添加一个私有属性到html选择器: html{-we...
阅读更多CSS3属性box-shadow使用教程
CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。 1. box-shadow属性的浏览器兼容性 先来看一个这个属性的浏览器兼容性: Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的时候，正好更新了Opera到最新的10.53版本，已经支持box-shadow属性。 firefox通过私有属性-moz-box-shadow支持。 Safari和Chrome...
阅读更多网页设计中的默认字体样式详解
浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。 拿字体来说，各个浏览器默认的字体种类、字体大小和字体行高都不一样，比如IE8的中文版在Wind...
阅读更多精通CSS-1: 常用设计元素的高级CSS技巧
提升CSS技巧往往并不需要你去创造出什么前无古人后无来者的CSS技巧，事实上，网页设计中常用的一些布局和样式技巧，每个学CSS的人都已经知道怎么实现了，但我们总是想寻找更佳的解决方案。 本文收集整理了60多个高级CSS技巧，不管你是CSS新手还是高手，相信这些技巧都能助你更进一步提高自己的CSS技能。 1. CSS布局和用户界面技巧 当前 CSS 主要应用...
阅读更多18个CSS精简压缩工具和技巧
我们已看过8个在线CSS优化工具和CSS代码精简技巧，本文则为你带来18个CSS精简压缩工具和技巧。 压缩还是不压缩 在我们讨论如何压缩CSS之前，需要注意一下在压缩和代码的易读性上常常要有个平衡。很多编码者以其CSS组织清晰为傲，而且并不希望自己的代码被 通过压缩器去掉注释和断行。作为一个设计师，你应该分析你所编写的代码的目标。如果你要创建一...
阅读更多CSS网页布局中易犯的10个小错误
即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。 1. 检查html元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用...
阅读更多CSS Overflow属性详解
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。 所有对象的默认值是 visible ，除了 textarea 对象和 body 对象的默认值是 auto 。设置 textarea 对象此属性值为 hidden 将隐藏其滚动条。 overflow属性有四个值：visible (默认), hidden, scroll, 和auto。同样有两个overflow的姐妹属性overflow-y 和overflow-x，它们很少被采用。 Visi...
阅读更多8个CSS图表数据制作实例
有很多方法可以用来呈现数字, 我们最常用的就是制作一张静态图片. 但你也可以考虑CSS。使用CSS样式化元素来实现数据图表化. 可以使数据的控制更具灵活性。 下面. 你将看到8个CSS技巧. 教你如何使用CSS来制作漂亮、灵活的图表。 1. CSS线条图表数据 这个实例包含了三种图形数据的实现方法。上面的Basic Bar Graph实例中使用了一个<div>包含图表....
阅读更多
