CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：

对很多博客类网站来说worldpress好比是面包和黄油，但是在博客平台这个世界里面，轻博客Tumblr也是不错的选择。它简单，漂亮，容易上手。今天，我们将探讨到底是什么元素创造那些优秀的Tumblr主题。在Tumblr主题公园里有超过1300中选择，在如此多的选择中为什么有的

今天我们将开始建立另一个有趣的CSS演示。这次我们将创建一个大的、无缝的照片墙。当用户将鼠标悬停于一个图像,一个透明的黑色渐变效果覆盖在其上面。 Demo: 点击这里 HTML代码 第一步我们需要创建一个大概的结构，只需要一个div和无序的列表li。 div class=

在CSS中background: -moz-linear-gradient 让网站背景渐变的属性，目前火狐3.6以上版本和google浏览器支持这个属性。 背景使用CSS渐变显示可以不使用图像就实现两个或两个以上的指定颜色的平滑过渡。这反过来又减少了下载时间和带宽的使用，放大时也比较好看

引用两个◆制作尖角(引用腾讯微博中的做法) 要点：使用了两个◆，利用其位置相差度来表示框线，如果没有外框线则可以使用一个◆，具体看代码。 style .popBox { width:200px; height:300px; border:#ddd solid 1px; background:#f5f5f5; position:relative;

什么是语义化标签？ HTML赋予了每个标签以不同的语义。高质量的HTML代码，要求我们在遵循HTML语法的同时，也应该遵循HTML的标签语义，如： div 语义：Division(分隔) span 语义：Span(范围) ol 语义：Ordered List(排序列表) ul 语义：Unordered List(不排序

昨天一个朋友的一句话引起了我的关注，“我在试着学习如何切片”。这是再平常不过的一句话了，我很明白他要表达的意思，但是总感觉这句话的某个地方有点不对。 朋友看到了我满脸的犹豫，于是问我“我们还在用切片这种东西吗？”问的好！对于初学者而言，术语

当我第一次学习网页设计的时候，css在我看来是如此直接和有趣，简直是水到渠成。但是当我看到自己的编写出来的东西乱的像陀屎的时候，我意识到自己对定位和浮动这些东西还非常缺乏了解，以至于一个很简单的任务都需要花很长的时间。如果你有类似的精力，那么

You’ve been coding for a while now and know your way around a CSS file. You’re certainly no master, but with enough fiddling you can get where you want to go. You’re wondering though if you’ll ever get past that point where CSS is such