CSS3 Transitions 小试牛刀
浏览Demo查看实际效果经常写CSS的朋友知道,:hover是我们经常要打交道的,比如鼠标hover变个色神马的.今天我们学习一下CSS3中的一些类似用法,效果很不错的哦.1. CSS3 transitions在链接中的妙用首先看代码a, a:link, a:visited { color:#4a4a4a; -webkit-trans...
Home » CSS
学习CSS伪类:before和:after
DemoCSS中我们最熟悉也用得最多的伪类是:hover，今天为大家介绍2个新的伪类 :before 和 :after。1. 基本语法#example:before { content: "#"; } #example:after { content: "."; }有一点需要注意的是，如果你使用:before 和 :after，那么里面的content是可以留空的，但是不能不写...
CSS优化技巧7则
CSS是页面效果呈现中非常重要的组成部分，它包括颜色、大小尺寸、背景和字体等。写CSS很简单很容易，但是要想写出精炼的CSS代码还是有很多技巧的。下面就是技巧7则：1. 合并多个相同属性；比如很多人写margin会这样写margin-top: 8px;margin-right: 4px;margin-bottom: 8px;margin-left: 4px;但是这样写更高效margin: 8...
利用css3制作的动态导航
首先看看Demo。1. HTML<!DOCTYPE html><html> <head> <meta charset="utf-8" /> ...
高级css3技巧：纯css制作的box
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,...
