来一发CSS教程:expression在Chrome的成绩
网上冲浪无论你用InternetExplorer还是NetscapeNavigator,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。网页制造poluoluo文章简介:CSS中写expression大概会在Chrome中有成绩.
先看一段HTML代码,鄙人边这段代码中,这张图片的宽度未知,我想写在CSS中写一行限定最年夜宽度为50px:
<divid="test">
<imgsrc="http://www.zishu.cn/attachments/month_0702/n2007271255.gif"/>
</div>
Firefox或IE较高的版本能够间接写max-width。在IE的低版本扫瞄器中,我们大概会写以下的代码:
#testimg{width:expression(this.width>50?50px:true);max-width:50px;}
但,上边的代码会有一本性能上的成绩,功能会十分的差。为何差,能够看一下之前写过的:expression为何功能差?
为懂得决功能上的成绩,我把代码写成了以下:
#testimg{width:expression(this.width>50?function(abc){abc.style.width=50px;}(this):auto);max-width:50px;}
写好后,在IE和FIREFOX都是一般的!
可是,在Chrome中就分歧了,在这行下边的一切CSS都不克不及加载;以下边的代码,最初一行CSS在CHROME中是不实行的;
#testimg{padding:10px;}
#testimg{width:expression(this.width>50?function(abc){abc.style.width=50px;}(this):auto);max-width:50px;}
#testimg{border:20pxsolid#FFCC00}
在IE和FIREFOX中是能够看到图片有黄色边框的,但在CHROME中是没有的。
expression在Chrome中的成绩要晓得有这么回事,写代码时能够避开。
expression的器材能不必就不要用,一担用了另有功能成绩,为懂得决功能成绩又是出来了一个CHROME的成绩。
为懂得决CHROME的成绩就又有功能成绩了,不晓得有无更好的举措能兼容一下二者,其实不可就得在外边用JS来跑了。
以后发明是代码中的成绩,感激fireyy的提醒,写成如许就没有成绩了,少写了一个括号,但如许不知为何在IE中没有成绩:
(function(abc){abc.style.width=50px;})(this)
</p>
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。
来一发CSS教程:expression在Chrome的成绩
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。 每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
页:
[1]