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>这个例子是为了申明在IE中存在1px观点含混的一个小bug,在IE中{border:2pxdashed#000;}与{border:1pxdashed#000}基础上看不出甚么不同,但能够用尺度化扫瞄器分辨出来.天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:</div></div><divclass="outer2"><h3>这个边框存在质量成绩<ahref="http://homepage.yesky.com/">更多></a></h3>天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:天极网页陶吧-龙犊:</div></body></html><scriptlanguage="Javascript">varnow=newDate();

12下一页

不管你用什么工具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB。

只看该作者 · 发表于 2015-1-16 00:34:38

更方便搜索引擎的搜索。用只包含结构化内容的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>――您能够运转代码观察殊效，您也能够复制大概另存源代码。

上一页12

业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。

只看该作者 · 发表于 2015-1-18 06:45:31

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

仓酷云 · 发表于 2015-1-26 23:18:29

学Dreamweaver技术的过程其实是一个增加信心的过程。

只看该作者 · 发表于 2015-2-5 03:57:45

以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。