您现在的位置是：网站首页> 编程资料编程资料

CSS实例:三列等高布局_CSS布局实例_CSS_网页制作_

2021-09-10 762人已围观

简介　　三列等高CSS布局的一个实例，　　修改国外的一个demo，　　兼容到了IE5.5 和标准的浏览器OperaFirefoxSafari。　　不过hack太多，不是很喜欢这样做。全部代码如下： <?xmlversion="1.0"encoding="gb2312"?> <!DOCTYPEhtmlPUBL

　　三列等高CSS布局的一个实例，
　　修改国外的一个demo，
　　兼容到了IE5.5 和标准的浏览器OperaFirefoxSafari。
　　不过hack太多，不是很喜欢这样做。
全部代码如下：

3columnlauput

header(testinIE5.5 opera9.0Firefox2.0)

Abstract

Thewebisconstantlyevolving.Newandinnovativewebsitesarebeingcreatedeveryday,pushingtheboundariesofHTMLineverydirection.HTML4hasbeenaroundfornearlyadecadenow,andpublishersseekingnewtechniquestoprovideenhancedfunctionalityarebeingheldbackbytheconstraintsofthelanguageandbrowsers.

Togiveauthorsmoreflexibilityandinteroperability,andenablemoreinteractiveandexcitingwebsitesandapplications,HTML5introducesandenhancesawiderangeoffeaturesincludingformcontrols,APIs,multimedia,structure,andsemantics.

WorkonHTML5,whichcommencedin2004,iscurrentlybeingcarriedoutinajointeffortbetweentheW3CHTMLWGandtheWHATWG.ManykeyplayersareparticipatingintheW3Ceffortincludingrepresentativesfromthefourmajorbrowservendors:Apple,Mozilla,Opera,andMicrosoft;andarangeofotherorganisationsandindividualswithmanydiverseinterestsandexpertise.

Notethatthespecificationisstillaworkinprogressandquitealongwayfromcompletion.Assuch,itispossiblethatanyfeaturediscussedinthisarticlemaychangeinthefuture.Thisarticleisintendedtoprovideabriefintroductiontosomeofthemajorfeaturesastheyareinthecurrentdraft.

Abstract

footer

/*_uacct="UA-496414-1";
/*]]>*/

查看运行效果：

<?xml version="1.0" encoding="gb2312"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="zh-CN" /><meta content="all" name="robots" /><title>3 column lauput</title><style type="text/css" media="screen"></style></head><body><div id="header">header(test in IE5.5 opera9.0 Firefox 2.0)</div><div id="container"><div id="center"><h2>Abstract</h2><p>The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.</p><p>To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.</p><p>Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the <a href="http://www.w3.org/html/"><abbr title="W3C HTML Working Group">W3C HTML WG</abbr></a> and the <a href="http://www.whatwg.org/"><abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></a>. Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.</p><p>Note that <a href="http://www.w3.org/html/wg/html5/">the specification</a> is still a <em>work in progress</em> and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. This article is intended to provide a brief introduction to some of the major features as they are in the current draft.</p></div><div id="left"><h2>Abstract</h2><p>The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.</p><p>To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.</p><p>Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the <a href="http://www.w3.org/html/"><abbr title="W3C HTML Working Group">W3C HTML WG</abbr></a> and the <a href="http://www.whatwg.org/"><abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></a>. Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.</p><p>Note that <a href="http://www.w3.org/html/wg/html5/">the specification</a> is still a <em>work in progress</em> and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. This article is intended to provide a brief introduction to some of the major features as they are in the current draft.</p></div><div id="right"><h2>Abstract</h2><p>The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.</p><p>To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.</p><p>Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the <a href="http://www.w3.org/html/"><abbr title="W3C HTML Working Group">W3C HTML WG</abbr></a> and the <a href="http://www.whatwg.org/"><abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></a>. Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.</p><p>Note that <a href="http://www.w3.org/html/wg/html5/">the specification</a> is still a <em>work in progress</em> and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. This article is intended to provide a brief introduction to some of the major features as they are in the current draft.</p></div></div><div id="footer">footer</div><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><script type="text/javascript"> /*<![CDATA[*/ _uacct = "UA-496414-1"; /*]]>*/ </script></body></html>

[ 可先修改部分代码再运行查看效果 ]

上一篇：CSS高级技巧:圆角矩形_CSS教程_CSS_网页制作_

下一篇：Web标准前途是否依赖浏览器技术_Web标准教程_CSS_网页制作_

您现在的位置是：网站首页> 编程资料编程资料

CSS实例:三列等高布局_CSS布局实例_CSS_网页制作_

Abstract

Abstract

Abstract

相关内容

点击排行

本栏推荐

猜你喜欢