先有牛人用CSS3画了机器猫，然后另一位工程师用HTML5画了灰太狼，从一定程度上测试出主流浏览器对HTML5和CSS3的支持情况。 机器猫：http://www.liulan7.net/labs/css3.html 灰太狼：http://www.liulan7.net/labs/huitailang.html 测试代码下载，版权归原作者所有！ 收藏、分享这篇文章!
存档
分类： CSS在使用<pre></pre>粘贴代码时，或者用<blockquote></blockquote>引用时，会发现pre/blockquote中的过长的代码，如过长的url等，在Opera/Firefox/Chrome不会实现自动换行。对于IE，可以通过IE专有的CSS属性word-wrap即可实现自动换行：word-wrap:break-word;，而对于Opera/Firefox/Chrome则不适用......
另外一种图片放大镜效果，在鼠标滑过缩略图时，原图放大显示： <style type="text/css"> .thumb{ position: relative; z-index: 0; } .thumb:hover{ background-color: transparent; z-index: 50; } .thumb span{ position: absolute; left: -1000px; background-color: #ffffcc; padding: 5px; border: 1px dash......
因朋友网页改版后的页面内容少，要将footer层固定在整个页面的最下方，网页的内容比较少时，页脚的联系方式部分不随着页面中的内容高度的减小而上移。这种方式适用于将网页中的版权信息固定在页面下方。当然，当页面内容多时，页脚也要正常显示。 这就要用到CSS的4大核心基石：盒子模型、标准流、浮动、定位。只有把这些......
ul是html中的无序列表，li是列表中的列表项。如果没有CSS定义它的外观，它默认是显示成一列列表，并且它会存在项目符号（比如方块或实心的黑点）的列表内容。 在CSS网页布局中，我们通常用ul、li来实现横向导航菜单。这就是要我们自己定义CSS来改变它的外观，使它能横向显示在在一行中，并且将项目符号去掉。 CSS： * {......
为了增加页面的美观效果，有时需要将div层或表格的边角进行圆角处理。下面介绍一个老外用CSS写的实例： CSS: /*注意CSS标签之间的嵌套*/ body{padding: 20px;background-color: #FFF; font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif;} h1,h2,p{margin: 0 10px;} h1{font-size: 250%;color: #FFF;} h2{font......
