Font Awesome是一种web font，它包含了几乎所有常用的图标，比如Twitter、facebook等等。用户可以自定义这些图标字体，包括大小、颜色、阴影效果以及其它可以通过CSS控制的属性。它有以下的优点：1、像矢量图形一样，可以无限放大2、只需一种字体，同时拥有多个图标，目前支持439个图标3、无需考虑兼容性问题，fontawesome不依赖于javascript4、通过CSS可以任意控制所有图标的大小 ，颜色，阴影。5、由于fontawesome是矢量字体，可以完全兼容视网膜屏6、能和B

通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。animation属性是可以进行简写的：animation: name, duration, timing-function, delay, iteration_count, direction下面就对CSS3动画属性进行详解：一、animation-name这个属性的使用必须结合@keyframes一起使用例如：animation-name:fontbulger;@keyframes fontb

CSS等比例划分，在CSS布局中是比较重要的，运行以下代码，查看事例。除了事例中的几个方法，还有个兼容性较好的方法，就是使用百分比，但是增减内容的时候，容易错乱。!DOCTYPE htmlhtmlheadmeta charset="utf-8"link media="all" href="http://www.tonjay.com/wp-content/themes/tonjayV2/style.css" rel="stylesheet

通常大家会有js来实现，另一个方案就是，将-webkit-user-select 和-moz-user-select 的值设为none，这针对于移动用户，可能会很有用。请谨慎使用这个属性：因为大部分用户是来查看信息的，他们可以复制并存储下来以备将来之用，所以这种方法既无用也无效。如果你禁用了复制粘贴功能，用户还是可以通过查看源文件来获取到他们想要的内容。

在网页前端设计的过程中，我们很多时候需要隐藏特定的图片或者文字来实现一些功能，比如我们希望用统计代码而不希望统计图标显示在网页中，或者指定一些链接而不希望链接文字显示出来，这时就需要用DIV+CSS来实现了。利用Div+Css实现隐藏文字内容主要有以下几种方法可用：1、display:none：这个是最方便方法，指定一个div，然后加上display:none属性，而且这样不会出bug。 经测试 ie6.0 、 7.0 、firefox 3.010 通过。但是遗憾的是，这样会多了个标签，循环中使用的话，h

直接在所属css中加上一下值word-break: break-all; word-wrap:break-word;

直接在 所属 css 中加上以下值text-align: justify;text-justify:inter-ideograph;

new和hot的素材下载点击这里/UploadFiles/file/20120208/20120208211862176217.zip具体看演示

圆角、阴影、透明的实现方法有很多，之前的获取比较复杂，用CSS3就方便很多了，而且对浏览器的支持性也比较好，下面简单为大家介绍下CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及. 1.圆角 CSS3实现圆角有两种方法. 第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一个元素有多个背景图像.这样给一个元素添加4个1/4圆的背景图像,分别位于4个角上就可以实现圆角了. 复

CSS3圆角技术能非常好的美化你的页面效果，而且避免了使用图片辅助，一则省去了制作图片的时间，二则省去了浏览器加载图片造成的延迟和带宽如今，这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持，包括Safari，谷歌浏览器，IE，Opera和火狐浏览器。下面让我们来看看border-radius的语法，解释，以及IE是如何支持它的。语法和说明 在CSS3中用来生成圆角效果的属性是border-radius.这个属性跟大家熟知的width等属性的用法相似：复制代码 代码如下:.roundElemen

网页代码：