仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1279|回复: 10
打印 上一主题 下一主题

[DIV+CSS] CSS教程之CSS+DIV计划实例:看看IE中有关1px的Bug

[复制链接]
兰色精灵 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:25:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>UntitledDocument</title><metahttp-equiv="Content-Type"content="text/html;charset=iso-8859-1"/><style>h3{        position:absolute;        top:-15px;        left:30px;        margin:0;        padding:05px;        line-height:25px;        background:red;        border:1pxsolid#000;}.outer,.outer2{        position:relative;        float:left;        width:300px;        border:2pxdashed#000;        margin-top:20px;        margin-left:20px;        background:#ffffcc;}.inner{        position:absolute;        border:1pxsolidwhite;        width:100%;        height:100%;        position:relative;        z-index:100;        margin:-1px;}.outerp,.outer2p{padding:5px;margin:10px00;}.outerh3a,.outer2h3a{        line-height:20px;        font-size:70%;        border:1pxsolid#000;        background:#ffffcc;        text-decoration:none;        vertical-align:top;        padding:05px;}.outer2{border:1pxdashed#000}</style></head><body><divclass="outer"><divclass="inner"><h3>优异的边框<ahref="http://homepage.yesky.com/">更多></a></h3><p>这个例子是为了申明在IE中存在1px观点含混的一个小bug,在IE中{border:2pxdashed#000;}与{border:1pxdashed#000}基础上看不出甚么不同,但能够用尺度化扫瞄器分辨出来.</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p></div></div><divclass="outer2"><h3>这个边框存在质量成绩<ahref="http://homepage.yesky.com/">更多></a></h3><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p><p>天极网页陶吧-龙犊:天极网页陶吧-龙犊:</p></div></body></html><scriptlanguage="Javascript">varnow=newDate();</p>
12下一页


不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
兰色精灵 该用户已被删除
沙发
 楼主| 发表于 2015-1-16 00:34:38 | 只看该作者

CSS教程之CSS+DIV计划实例:看看IE中有关1px的Bug

更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
document.write("<imgsrc=http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+now.getTime()+"&cur="+escape(document.URL)+"border=0alt=width=0height=0>");</script><noscript><imgsrc="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter"border=0width=0height=0/></noscript>――您能够运转代码观察殊效,您也能够复制大概另存源代码。</p>
上一页12


业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。
因胸联盟 该用户已被删除
板凳
发表于 2015-1-18 06:45:31 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
地板
发表于 2015-1-26 23:18:29 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
愤怒的大鸟 该用户已被删除
5#
发表于 2015-2-5 03:57:45 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
精灵巫婆 该用户已被删除
6#
发表于 2015-2-11 04:51:24 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
简单生活 该用户已被删除
7#
发表于 2015-3-1 22:02:06 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
柔情似水 该用户已被删除
8#
发表于 2015-3-11 01:33:05 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
深爱那片海 该用户已被删除
9#
发表于 2015-3-17 18:11:47 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
飘灵儿 该用户已被删除
10#
发表于 2015-3-24 21:36:26 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 06:40

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表