兰色精灵 发表于 2015-1-15 23:25:03

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

现在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技术的过程其实是一个增加信心的过程。

愤怒的大鸟 发表于 2015-2-5 03:57:45

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

精灵巫婆 发表于 2015-2-11 04:51:24

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

简单生活 发表于 2015-3-1 22:02:06

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

柔情似水 发表于 2015-3-11 01:33:05

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

深爱那片海 发表于 2015-3-17 18:11:47

经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.

飘灵儿 发表于 2015-3-24 21:36:26

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
页: [1]
查看完整版本: CSS教程之CSS+DIV计划实例:看看IE中有关1px的Bug