一 css的优先级
一 css的优先级
今天有人跟我说css
hack中用!important来区分ie6，因为ie6不支持!important，是的在很早以前我也是用过这种方法写hack，但是后来就基本不用了。本来我对他谁的ie6不支持!important也没什么异议，可是正好在前几天正好用个这个!important属性解决了一个样式优先级的问题，而且是支持ie6的，这是为什么呢？到底ie6支不支持!important呢？
首先我们来看看!important这个属性的作用：!important是用来提升样式优先级的，我们知道样式是有优先级的。
我们先看看css的优先级的几个基本的规则：
ID选择器(形如#id{}) > 类选择器(形如.class{}) >
标签选择器(形如body{}或者*｛｝)，也就是ID选择器，类选择器，标签选择器中，ID选择器的优先级最高，标签选择器最低；
选择器越具体优先级就越高，也就是
.classA .classB .classC{font-size: 25px;}
.classB
.classC{font-size:18px}
.classC { font-size: 12px; }
这里.classA .classB
.classC的优先级最高，.classC的优先级最低；
在同一个级别的情况下，最后指定的规则优先级就越高，也就是我们通常说的就近原则；html中标签的style的属性都高于css文件中的选择器样式；
标有”!important”的规则有最高优先级。
我们可以利用!important使该样式优先级最高，例如：
CSS代码：
#idA{font-size:20px}
.classA{ font-size: 12px; }
HTML代码：
我要20像素的字
我们知道根据上面的规则可以看出#idA{font-size:20px}的样式将被引用，那我们如果要12像素的字呢？
CSS代码：
#idA{font-size:20px}
.classA{ font-size: 12px !important; }
HTML代码：
我要12像素的字
这样.classA{ font-size: 12px !important; }这个样式就被引用了。
这种方法在优先级低的样式被优先级高的样式覆盖，又想引用优先级低的样式时候非常有用！
二 !important在ie6下的一个BUG
还是看这一段代码，
CSS代码：
#idA{font-size:20px}
.classA{ font-size: 12px !important; }
HTML代码：
我要12像素的字
大家可以在IE6下测试一下，文字是12像素的，也就是.classA{ font-size: 12px !important;
}被引用了，这证明IE6是支持!important的。但是css
hack中用!important来区分ie6，说ie6不支持!important又是怎么回事呢？
原来ie6下，在同一个选择器样式（即同一个大括号里面）下!important是无效的
，例如：
css代码：
.classA{ font-size:
相关文档：
虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。
一、按钮样式
.buttoncss {
font-family: "tahoma", "宋体" ......
外部引用CSS
中 link
与@import
的区别
这两天写了CSS样式，具体研究了XHTML加载CSS
的几种方式，其中外部引用CSS
分为两种方式link
和@import
。
本质上，这两种方式都是为了加载CSS
文件，但还是存在着细微的差别。
* 差别1：老祖宗的差别。link
属于XHTML标签，而@import
完全是CSS
提� ......
.styleName{
color
:
#FFF
;
/* FF,OP,IE8 */
[
;
color:
#0F0
;
]
/* Sa,CH */
*
color
:
#FF0
;
/* IE7 */
_color:
#F00
;
/* IE6 */
}
.styleName{
background-color
:
#332200
;
/* FF*/
}
html*
.styleName{
background-color
:
#FF00FF
;
/* Sa IE7 CH */
}
*+
html .style ......
用div+css解决VS2005中布局难的问题
Div+CSS布局入门教程 《转自 蓝色理想 http://www.blueidea.com/tech/site/2006/3574.asp》
页面布局与规划
在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了 ......
前言：CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。
(一) CSS2盒模型
盒模型主要定义四个区域：内容(content)、边框距(paddin ......
