CSS3的伪类选择器就是多,今天我们来学习新的伪类选择器——UL状态伪类选择器。这些选择器都有一个共同的特征名那就是定义的样式只有当元素处于某种状态下时才起作用,... [css]
过去我们的form元素有可用和不可用状态,我们分别为它们定义不同的class来实现,然后通过js对其元素设置可用状态的同时指定不同的class即可。然而我们有了CSS3就没必要... [css]
单从Animation字面上的意思,我们就知道是“动画”的意思。但CSS3中的Animation与HTML5中的Canvas绘制动画又不同,Animation只应用在页面上已存在的DOM元素上,而且他跟Fl... [css]
上节课我们学习了元素的可用与不可用状态时的状态伪类选择器的用法,本节课我们来学习一下元素的只读与非只读的状态伪类选择器。:read-only选择器和:read-write选择... [css]
作为前端攻城师,在制作Web页面时都有碰到CSS制作水平垂直居中,我想大家都有研究过或者写过,特别的其中的垂直居中,更是让人烦恼。这段时间,我收集了几种不同的方式制作垂... [css]
前三节我们学习了form元素的状态伪类选择器,今天我们再来学习一下复选框和单选框的选择器,以下选择器Opera支持最好!:default选择器、:checked选择器和:indeterminate... [css]
CSS3中,增加了如下三个属性选择器,使属性选择器有了通配符的概念,十分方便!【注】下面所描述的attr和val分别表示属性和值[attr*=val]属性选择器概述:表示筛选出属性attr中包... [css]
到目前为止,我们学习了很多伪类选择器,今天我们来学习一下selection伪类选择器,不是select下拉列表。::selection选择器:此选择器使用了两个“:”不是笔误,它的标准... [css]
本节来学习一下CSS 3.0中的结构性伪类选择器,在这之前,先来简单的回顾一下CSS 2.0中的类和伪类选择器,我们知道在CSS中,可以使用类选择器把相同的元素定义成不同的样... [css]
今天我们主要的目的是使用CSS3等相关属性来制作分页导航效果,大家可以直击下面的效果图: 在这个效果中,其实只有两大看点:使用CSS3的属性,制作不规则图形... [css]
关于选择器的部分,最后要介绍的一个选择器是通用兄弟选择器,他用来指定位于同一个氟元素之中的某个元素之后的所有其他某个种类的兄弟元素所使用的样式,它的使用方法如下所... [css]
继续为大家献上CSS3选择器教程,本节同样介绍四种结构性伪类选择器。:first-child选择器和:last-child选择器之所以将这两个选择器放到一起来讲,是因为它们非常... [css]
包含块(Containing Block)是视觉格式化模型的一个重要概念,它与框模型类似,也可以简单的理解为一个矩形,而这个矩形的作用是为它里面包含的元素提供一个参考位置,元素的尺... [css]
后台数据管理列表经常会有隔行换色的效果,在过去我们的做法是通过js来计算奇数行和偶数航,如今我们有了CSS3不需要这样来做了,只需要CSS定义一下即可;我们虽然学习... [css]
平时博客等经常会有文章摘要,将文字截断后直接使用省略号表示文章还没有结束,如下所示:在人际关系中,良好的第一印象是非常重要的,人们愿意在彼此身上寻求信任与诚... [css]
在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站... [css]
Step1:Link transitions开头,我们做一些基础的练习:当指上文字的时候,改变其颜色!代码如下:.case1 a{ color:#333; -webkit-transition:color 500ms ease-in;}.case1 a:... [css]
时尚的CSS3进度条先看效果图,非常漂亮吧:demo:http://www.css88.com/demo/css3-progress-bars/英文原文:http://www.red-team-design.com/stylish-css3-progress-barsHTML代... [css]
animate.css 是提供炫酷,有趣,跨浏览器css3动画的网站,你可以在高级项目中使用这些效果,为高级浏览器用户提供更好的交互体验。动画效果包括强调突出,滑块,淡入淡出,放大缩... [css]
网站开发者能通过CSS3为网站设计增添很多时尚元素,CSS3 对CSS规范做了很大的改进。现在,本文将为你介绍12款有助于简化CSS3开发的工具。 1、CSS3 Pie:允许在IE上使用CSS3绝大... [css]