CSS :nth-child 和 :nth-of-type 的区别 基本语法 :nth-child(an+b) 选择符匹配有父元素、前面有 an+b-1 个兄弟元素的元素。 element:nth-child(an + b) { style properties } :nth-of-type 选择符匹配有父元素、前面有 an+b-1 个同名兄弟元素的...
CSS3 纯 CSS3 菜单生成工具及教程 CSS3 的引入给网页设计师和开发者带来了巨大的可能。通过3D 变换、CSS3 动画及其他高级的样式，不使用 JavaScript 也能创建令人印象深刻的导航菜单。 下面是一些纯 CSS3 菜单生产工具及教程。 CSS3 Menu Generators Pure CSS Menu C...
CSS3 CSS3 滤镜 特殊的时期，会有特殊的需求。尽管我不太赞成这种流于形式的做法，不过这并不影响我们了解相关技术原理。 CSS 滤镜最早出现在 IE4 中，在 CSS3 中被纳入标准，不过语法和原来 IE 里的实现完全不同，目前被 W3C 列为工作草案。CSS3 标准的滤镜包含几个预定义好的函数，也可...
CSS3 微软Internet Explorer团队发布情人节HTML5页面 微软Internet Explorer团队今天发布了一个基于HTML5构建的站点"Love is in the Air"，这是去年冬天Let it snow网站后又一个炫技版网页。它运用了目前最顶尖的各种Web技术：HTML5 canvas, SVG, CSS t...
Canvas 不用HTML5/CSS3如何在网页上画机器猫 作者: oldj 链接: http://oldj.net/article/web-doraemon-without-html5-or-css3/ 前段时间有人用 CSS3 技术在网页上画了一个机器猫， 可以用来测试各大浏览器对 CSS3 的支持程度，不用说，HTML5 /CSS3...
animation “性感”的CSS链接翻转 鼠标悬停时，链接文字向左或向右舞动、倾斜。为了增强效果，为悬停状态设置不同的颜色（演示）。 [css] .cpojer-links a { display: inline-block; padding: 4px; outline: 0; color: #3a599d; -webkit...
CSS3 CSS3动画体验 CSS3动画体验，作者@Anthony Calzadilla请用支持CSS3和HTML5的浏览器浏览（支持iPhone） I Twitty the Fool!-Another Fun CSS3 Animation Experiment。...
CSS 7个提高用户体验的CSS技巧 CSS之美在于能通过少量的声明并可使网页变得很与众不同。下面是7个CSS小技巧，可以让你的网页更加时尚，让用户获得更佳的用户体验和浏览愉悦感。 改变选中文字的默认颜色 [css] selection { background:#c3effd; color:#000; /* Safar...
CSS 使用CSS3实现Faux列 这是一个CSS3的小技巧，不使用图片便实现Faux Columns。边栏在布局中的问题是它不能随着内容的扩展而延伸到相等的高度。常规的方法是创建一个图片背景应用到内容的父容器上。本文将介绍如何使用CSS3渐变实现相同的效果。 旧的方法 先来回顾一下让边栏背景沿着页面延伸的常规方法。根...
CSS CSS3 Media Queries CSS2允许为特定的媒体指定样式表，如screen（屏幕）和print（打印），CSS3通过添加media queries（媒体查询库）使其更加有效。CSS3可以通过添加查询语句来确定不同的媒体类型，应用不同的样式表。例如为大的显示器指定一个样式表，为移动设备指定另一个样式表。有了这...
CSS CSS3 Media Query：移动 Web 的完美开端 移动时代，是任何 Web 设计与开发者都不能忽视的一个时代，总有一天，你设计的东西将被显示在两种屏幕上，桌面大屏幕和移动小屏幕，如何让同一个网站同时适应完全不同的两种尺寸 的屏幕，这是一个很久以来都没有完美解决方案的问题，直到有了 CSS3。 CSS3 的 Media Queries...
border-radius CSS3渐变按钮 上文介绍了CSS渐变的跨浏览器实现，本文将介绍CSS渐变的实际应用，点击查看一系列纯CSS制作的渐变按钮。这些按钮都是根据字体大小可伸缩的，可以通过改变padding和font-size来调整按钮大小。这种方法最大的好处是可以应用到任何HTML元素，如div、span、p、a、but...
border-radius CSS3基础 本文介绍CSS 3部分新属性基础，包括RGBa、text-shadow、box-shadow、border-radius。这些属性通常用来增强网页布局和美誉度。（译者注：在支持CSS3的浏览器如Firefox、Safari、IE9等可点击图片查看演示。） RGBa 前三个值是RGB色...