20篇教你得到酷炫效果的JQuery教程

我们都喜爱JQuery带来的梦幻效果。本之列举的教程标题不同,但它们都带有不同的酷炫视觉效果。跟着它们逐步重建你的设计,又或是将这些令人震憾的特效融入你的设计中。 Making a Beautiful HTML5 Portfolio 想打造一个让人过目不忘的专属网络文件夹?这个特效是不错…

解决中文版Chrome下不能显示小于12px的字体

在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。 但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设…

CSS3属性box-shadow使用教程

CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。 1. box-shadow属性的浏览器兼容性 先来看一个这个属性的浏览器兼容性: Opera: 不知道是从哪个版本开始支持的,我在发这篇文章测试的时候,正好更新了Opera到最新的10.53版本,已…

网页设计中的默认字体样式详解

浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性…

精通CSS-1: 常用设计元素的高级CSS技巧

提升CSS技巧往往并不需要你去创造出什么前无古人后无来者的CSS技巧,事实上,网页设计中常用的一些布局和样式技巧,每个学CSS的人都已经知道怎么实现了,但我们总是想寻找更佳的解决方案。 本文收集整理了60多个高级CSS技巧,不管你是CSS新手还是高手…

18个CSS精简压缩工具和技巧

我们已看过8个在线CSS优化工具和CSS代码精简技巧,本文则为你带来18个CSS精简压缩工具和技巧。 压缩还是不压缩 在我们讨论如何压缩CSS之前,需要注意一下在压缩和代码的易读性上常常要有个平衡。很多编码者以其CSS组织清晰为傲,而且并不希望自己的代码…

CSS网页布局中易犯的10个小错误

即使是CSS高手,也难免在书写CSS代码的时候出一些小错误,或者说,任何一种代码都是如此。小错误却往往造成大问题,浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误,努力的修正你可能会犯的错误,加速你的前端开发效…

CSS盒模型详解

CSS盒模型,多么专业的一个术语。但你不要被它吓到,不过就是一些CSS基本属性的应用而已。 CSS 盒模型 网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图: 如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红…

CSS Overflow属性详解

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。 所有对象的默认值是 visible ,除了 textarea 对象和 body 对象的默认值是 auto 。设置 textarea 对象此属性值为 hidden 将隐藏其滚动条。 overflow属性有四个值:visible (默认), hidden, scroll, 和auto。同样有两个overflow的…

8个CSS图表数据制作实例

有很多方法可以用来呈现数字, 我们最常用的就是制作一张静态图片. 但你也可以考虑CSS。使用CSS样式化元素来实现数据图表化. 可以使数据的控制更具灵活性。 下面. 你将看到8个CSS技巧. 教你如何使用CSS来制作漂亮、灵活的图表。 1. CSS线条图表数据 这个实例包含…

CSS背景属性Background详解

本文详解了CSS的背景属性Background,包括CSS3中新增的背景属性。如果你是个CSS初学者,还可以查看之前介绍的CSS浮动属性和CSS透明属性详解。 css2 中的背景(background) CSS2 中有5个主要的背景(background)属性,它们是: background-color: 指定填充背景的颜色。 background-image: …

21个神奇的CSS技巧

CSS有无穷的发挥力。继53个CSS技巧后,让我们再来欣赏21个更加高阶更加神奇的CSS技巧,它们可以让你实现一些非常酷的网页效果。需要提醒的是,这些技巧并不一定都适合使用,但却有助你对CSS的运用更加娴熟。 1. 跨浏览器的CSS幻灯片 2. 基于CSS的图像地图 3. 纯…