前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

前端集合 RSS订阅
Home » CSS

CSS3 Transitions 小试牛刀

发布者:前端集合 // 发布时间:2011年08月05日 // 分类:前端集合 // 访问: 3,760 次 // 热度:

浏览Demo查看实际效果经常写CSS的朋友知道,:hover是我们经常要打交道的,比如鼠标hover变个色神马的.今天我们学习一下CSS3中的一些类似用法,效果很不错的哦.1. CSS3 transitions在链接中的妙用首先看代码a, a:link, a:visited { color:#4a4a4a;     -webkit-trans...

学习CSS伪类:before和:after

发布者:前端集合 // 发布时间:2011年07月14日 // 分类:前端集合 // 访问: 3,979 次 // 热度:

DemoCSS中我们最熟悉也用得最多的伪类是:hover,今天为大家介绍2个新的伪类 :before 和 :after。1. 基本语法#example:before { content: "#"; } #example:after { content: "."; }有一点需要注意的是,如果你使用:before 和 :after,那么里面的content是可以留空的,但是不能不写...

CSS优化技巧7则

发布者:前端集合 // 发布时间:2011年07月04日 // 分类:前端集合 // 访问: 3,573 次 // 热度:

CSS是页面效果呈现中非常重要的组成部分,它包括颜色、大小尺寸、背景和字体等。写CSS很简单很容易,但是要想写出精炼的CSS代码还是有很多技巧的。下面就是技巧7则:1. 合并多个相同属性;比如很多人写margin会这样写margin-top: 8px;margin-right: 4px;margin-bottom: 8px;margin-left: 4px;但是这样写更高效margin: 8...

利用css3制作的动态导航

发布者:前端集合 // 发布时间:2011年06月10日 // 分类:前端集合 // 访问: 4,001 次 // 热度:

首先看看Demo。1. HTML<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />     ...

高级css3技巧:纯css制作的box

发布者:前端集合 // 发布时间:2011年06月08日 // 分类:前端集合 // 访问: 3,857 次 // 热度:

1. 第一种效果/* This establishes the design of the boxes' paragraphs */.box1 p, .box2 p, .box3 p, .box4 p, .box5 p, .box6 p, .box7 p, .box9 p, .box10 p, .box11 p, .box12 p, .box13 p, .box14 p, .box15 p,...

Top