外部引用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去 ......
<div class="llist" >
<div class="lbar">定向营销</div>
<ul class="lbox01" style="height: auto;min-height: 100px;">
<c:forEach var="item" items="${marketInfos.results}">
<li><div style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;max-width: 220px;font-size:13px;" mce_style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;max-width: 220px;font-size:13px;">
<a href="#" mce_href="#" title="<c:out value="${item.content}" escapeXml="false"></a>" onclick="showThis('<c:out value="${item.title}"/>','<fmt:formatDate value="${item.createdTime}" pattern="yyyy-MM-dd hh:mm"/>',this);return false;">
<c:out value="${item.title}"/></a></div></li>
</c:forEach>
这是原来的代码。
说一下用
style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
这种方法要注意的问题,
1 ......
CSS查找BUG的10个顺口溜,记住对于排除bug十分有好处。
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
九、IE浮动双边距,请用display:inline拘。
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。 ......
昨晚想起了很想用绘图API绘制一把剑,突然脑海又想起了风云当中剑圣使用的“万剑归宗”这些武学招式,想想之后,于是好无聊写了一下,不过不能做到万剑归宗的效果,就省去了一个字。呵呵,很想把学过的知识,把在看到的融合到图形表现上。这样做起来flash 会显得更加有个性一点,可能看起来是一种自娱自乐的东西,不过里面的开心的是把一种已经存在的东西转化为新的东西。
既然万剑归宗,当然不能缺少一把剑。看看绘制一把剑,这把剑采用一种比较笨的方法,记录点的位置转化线条表现上。
第一步:绘制一把剑
把每一个点记录起来,然后大概使用一个数组里面保存。
array:Array=[ [50,0],
[50,50],
[20,50],
[20,60],
[45,60],
[45,300],
[65,330],
[75,300],
[75,60],
[105,60],
[105,50],
[70,50],
[70,0],
[50,0]
];
记录之后,我们就可以对其进行连线,从第一个点开始连接,一个接一点进行连。采用moveTo 和lineTo 常用组合就能连串成每一个点位置
private function init():void
{
addChild(pen);
pen.graphics.lineStyle(1,0x000000);
pen.graphics.moveTo(array[0][0] ......
谈到
Flash
能走多远的问题时,我们不得不先聊聊作为
Flash
前辈的
Applet
。
所以要提它,是因为人类历史上第一个运行在浏览器之上的交互式应用,本来就是
Java
小程序,而非什么
Flash
。
早在
1995
年之初,当
Gosling
和
Gage
在
WebRunner
浏览器(即日后的
HotJava
浏览器)上展示
3D
分子模型之际,人们对
Java
的第一印象就是“这是种可以将静态网页变成动态的语言”,而并非这是种“开发手机应用的语言”或者这是种“开发企业级应用的语言”。
直言不讳的说,自从
Java
与
Applet
诞生之初,直到
2000
年
Flash5
出现以前,
Java
和
Applet
一直都是网站动态效果实现的首选媒介(尤其是网络教学)。而在此以前的
Flash
还算不得主流,登不得台面。
为什么
Java(Applet)
会变得不如
Flash
普及?
关于这点,抛开
WindowsXP
后期版本不再内置
JVM
的影响不谈,应该说同
Sun
高层的愚蠢无能,以及
Macromedia
高层的下作龌龊不如关系(某个时期的
Flash
真的就像流氓软件一样,不经过任何预警便自行安装,也没有必要的砂箱保护,什么 ......
谈到
Flash
能走多远的问题时,我们不得不先聊聊作为
Flash
前辈的
Applet
。
所以要提它,是因为人类历史上第一个运行在浏览器之上的交互式应用,本来就是
Java
小程序,而非什么
Flash
。
早在
1995
年之初,当
Gosling
和
Gage
在
WebRunner
浏览器(即日后的
HotJava
浏览器)上展示
3D
分子模型之际,人们对
Java
的第一印象就是“这是种可以将静态网页变成动态的语言”,而并非这是种“开发手机应用的语言”或者这是种“开发企业级应用的语言”。
直言不讳的说,自从
Java
与
Applet
诞生之初,直到
2000
年
Flash5
出现以前,
Java
和
Applet
一直都是网站动态效果实现的首选媒介(尤其是网络教学)。而在此以前的
Flash
还算不得主流,登不得台面。
为什么
Java(Applet)
会变得不如
Flash
普及?
关于这点,抛开
WindowsXP
后期版本不再内置
JVM
的影响不谈,应该说同
Sun
高层的愚蠢无能,以及
Macromedia
高层的下作龌龊不如关系(某个时期的
Flash
真的就像流氓软件一样,不经过任何预警便自行安装,也没有必要的砂箱保护,什么 ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="init()" >
<mx:Script>
<![CDATA[
import flash.display.Sprite;
import flash.ui.ContextMenu;
import flash.ui.ContextMenuItem;
import flash.events.ContextMenuEvent;
//在全局上,定义三个栏目
private var menu1:ContextMenuItem;
private var menu2:ContextMenuItem;
private var menu3:ContextMenuItem;
//初始化开始了
public function init():void{
textSelect.text = "RightClick is Default";
menu1= new ContextMenuItem("Draw Red");
menu2 = new ContextMenuItem("Draw Yellow");
& ......