易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS中import和link的区别

外部引用CSS
中 link
与@import
的区别
这两天写了CSS样式,具体研究了XHTML加载CSS
的几种方式,其中外部引用CSS
分为两种方式link
和@import

本质上,这两种方式都是为了加载CSS
文件,但还是存在着细微的差别。
* 差别1:老祖宗的差别。link
属于XHTML标签,而@import
完全是CSS
提供的一种方式。
link
标签除了可以加载CSS
外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import
就只能加载CSS
了。
* 差别2:加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link
引用的CSS
会同时被加载,而@import
引用的CSS
会等到页面全部被下载完再被加载。所以有时候浏览@import
加载CSS
的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显(梦之都加载CSS
的方式就是使用@import
,我一边下载一边浏览梦之都网页时,就会出现上述问题)。
* 差别3:兼容性的差别。由于@import
是CSS
2.1提出的所以老的浏览器不支持,@import
只有在IE5以上的才能识别,而link
标签无此问题。
* 差别4:使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link
标签,因为@import
不是dom可以控制的。
从上面的分析来看,还是使用link标签比较好。


相关文档:

css学习2

css学习
1。一个类以.开头。例:.bigtext
2。一个ID以#开头。例:#header
3。定义一个层。例:#header {position: absolute; left: 32; top: 20}
   在html中,<div id="header"> <img src="abc.gif"> </div>
   div必须给出id。
4。overflow。检索或设置当对象的内容超过其指 ......

用CSS实现HTML元件的绝对定位


示例:此DIV为固定定位对象
要使HTML元件定位于浏览器的某个固定位置,而不随滚动条滚动,用以下CSS代码即可,跨各个主流浏览器: POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100。
示例见右边黄底红字块。 ......

css竞争规则

竞争规则:css允许多次将同一个规则赋予某个元素。层叠排序根据规则中使用的选择符将规则划分6组,高优先级组里的规则会覆盖低优先级组里的规则。普通的选择符会设置文档的总体样式,更具体的选择符会覆盖普通选择符,以为其提供更加特殊的样式
6个选择符群组:
1.       使用!important规 ......

【转】css的文字特效


如果灵活应用CSS各种滤镜的特点并加以组合,我们可以得到许多意想不到的效果。这是一些效果示范,供各位参考。
网页特效Abc
用blur滤镜做出的效果,代码如下:
FILTER: blur(direction=135,strength=8)
网页特效Abc
用dropshadow滤镜做出的效果,代码如下:
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positi ......

javascript &css实现的长文章分页

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>FLYSO Blog-- JS代码实现的自动分页效果~!</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=""& ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号