[css教程] HTML标签的默认CSS样式汇总 日期：2012-04-02 14:32:03 点击：107 好评：0
在html中，即使我们没有指定页面元素显示的css样式，元素也会按照默认的的标准css样式去显示。因此掌握基本的html标签可以在一定程度上精简你的css代码，现将html标签的默认属性进行一定的汇总如下： li &nbs...
[css教程] 通过实例了解CSS样式优先级 日期：2012-04-02 14:31:03 点击：61 好评：0
当我们的css样式中，如果同个元素有两个或以上冲突的css规则，浏览器 有一些基本的规则来决定哪一个非常特殊而胜出，也就是常讲的css优先级。 一般情况下，你不必担心css样式冲突，但对于大型而且复杂的CSS样式文件，或有很多CSS文件组成的，就非常有可能产生冲突。下面我...
[css教程] css样式设计时快速定位bug的几个好方法 日期：2012-04-02 14:30:35 点击：48 好评：0
在DIV+CSS模板设计中，检测查找CSS中的BUG无疑是一件痛苦的事情，下面一些经验或许可以帮助你更快的找出CSS中的BUG并进行修补！ 1、检查是否清除浮动 其实有不少的 CSS BUG 问题是因为没有清除浮动造成的。养成良好的清除浮动的习惯是必要的，推荐使用 无额外 HTML 标签的...
[css教程] 使用margin居中常见问题 日期：2012-04-02 14:29:04 点击：97 好评：0
虽然我们知道在CSS中加margin:0 auto;(意思是:上下边界为0,左右根据宽度自适应)可以让div等块级元素达到居中的效果，但是往往我们发现虽然我们已经加入margin:0 auto;却仍然没有实现居中。 这往往是由以下两种常见原因引起的： 1、没有设置宽度 示例代码<div style=&...
[css教程] 神奇的 CSS 形状 日期：2012-03-30 06:47:15 点击：86 好评：0
在StackOverflow上有这么一个问题，有位同学在http://css-tricks.com/examples/ShapesOfCSS/ 找到一些使用CSS做的形状，其中一位同学对下面的这个形状充满了疑问。 形状是：...
[css教程] JS+DIV表单实例——鼠标移上背景变色和文字提示 日期：2012-03-26 15:31:36 点击：258 好评：0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Con...
[css教程] 更简洁的 CSS 清理浮动方式 日期：2012-03-26 15:27:11 点击：101 好评：0
清理浮动有很多种方式，像使用 br 标签自带的 clear 属，使用元素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题，一般我们都会使用如下代码来清理浮动。 /* 清理浮动 */ .clearfix:after { ...
[css教程] 用纯CSS打造的圆角边框 日期：2012-03-19 08:22:25 点击：147 好评：0
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;} #xsnazzy h1 {font-size:2.5em; color:#A95051;} #xsnazzy h2 {font-size:2em;color:#7B793B; border:0;} #xsnazzy p {padding-bottom:0.5em;} #xsnazzy h2 {padding-top:0.5em;...
[css教程] CSS3实例教程:使用border-radius制作文本文档图标 日期：2012-03-18 09:26:08 点击：89 好评：0
这个实例的目的：熟练使用border-radius 涉及的属性：border-radius 、linear-gradient 、 box-shadow 提示:“:before” “:after”,IE对after、before是不支持的，请在firefox、opera、chrome下试调！ 要求浏览器：firefox、opera、chrome 效果图：...
[css教程] CSS3实例学习教程:data类型的Url 日期：2012-03-18 09:25:40 点击：74 好评：0
所谓"data"类型的Url格式，是在RFC2397中 提出的，目的对于一些“小”的数据，可以在网页中直接嵌入，而不是从外部文件载入。例如对于img这个Tag，哪怕这个图片非常非常的小，小到只有一个 点，也是要从另外一个外部的图片文件例如gif文件中读入的，如果...