问题描述
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"><head><metahttp-equiv="content-type"content="text/html;charset=iso-8859-1"/><metaname="author"content="DaveShea"/><metaname="keywords"content="design,css,cascading,style,sheets,xhtml,graphicdesign,w3c,webstandards,visual,display"/><metaname="description"content="AdemonstrationofwhatcanbeaccomplishedvisuallythroughCSS-baseddesign."/><metaname="robots"content="all"/><title>cssZenGarden:TheBeautyinCSSDesign</title><!--tocorrecttheunsightlyFlashofUnstyledContent.http://www.bluerobot.com/web/css/fouc.asp--><styletype="text/css"media="all">html{margin:0;padding:0;}body{font:75%georgia,sans-serif;line-height:1.88889;color:#555753;background:#fffurl(blossoms.jpg)no-repeatbottomright;margin:0;padding:0;}p{margin-top:0;text-align:justify;}h3{font:italicnormal1.4emgeorgia,sans-serif;letter-spacing:1px;margin-bottom:0;color:#7D775C;}a:link{font-weight:bold;text-decoration:none;color:#B7A5DF;}a:visited{font-weight:bold;text-decoration:none;color:#D4CDDC;}a:hover,a:active{text-decoration:underline;color:#9685BA;}acronym{border-bottom:none;}
解决方案
解决方案二:
#container{background:url(zen-bg.jpg)no-repeattopleft;padding:0175px0110px;margin:0;position:relative;}#intro{min-width:470px;}/*usinganimagetoreplacetextinanh1.ThistrickcourtesyDouglasBowman,http://www.stopdesign.com/articles/css/replace-text/*/#pageHeaderh1{background:transparenturl(h1.gif)no-repeattopleft;margin-top:10px;width:219px;height:87px;float:left;}#pageHeaderh1span{display:none}#pageHeaderh2{background:transparenturl(h2.gif)no-repeattopleft;margin-top:58px;margin-bottom:40px;width:200px;height:18px;float:right;}#pageHeaderh2span{display:none}#pageHeader{padding-top:20px;}#quickSummary{clear:both;margin:20px20px20px10px;width:160px;float:left;}#quickSummaryp{font:italic10pt/22ptgeorgia;text-align:center;}#preamble{clear:right;padding:0px10px010px;}#supportingText{padding-left:10px;margin-bottom:40px;}#footer{text-align:center;}#footera:link,#footera:visited{margin-right:20px;}#linkList{margin-left:600px;position:absolute;top:0;right:0;}#linkList2{font:10pxverdana,sans-serif;background:transparenturl(paper-bg.jpg)topleftrepeat-y;padding:10px;margin-top:150px;width:130px;}#linkListh3.select{background:transparenturl(h3.gif)no-repeattopleft;margin:10px05px0;width:97px;height:16px;}#linkListh3.selectspan{display:none}#linkListh3.favorites{background:transparenturl(h4.gif)no-repeattopleft;margin:25px05px0;width:60px;height:18px;}#linkListh3.favoritesspan{display:none}#linkListh3.archives{background:transparenturl(h5.gif)no-repeattopleft;margin:25px05px0;width:57px;height:14px;}#linkListh3.archivesspan{display:none}#linkListh3.resources{background:transparenturl(h6.gif)no-repeattopleft;margin:25px05px0;width:63px;height:10px;}#linkListh3.resourcesspan{display:none}#linkListul{margin:0;padding:0;}#linkListli{line-height:2.5ex;background:transparenturl(cr1.gif)no-repeattopcenter;display:block;padding-top:5px;margin-bottom:5px;list-style-type:none;}#linkListlia:link{color:#988F5E;}#linkListlia:visited{color:#B3AE94;}
解决方案三:
#extraDiv1{background:transparenturl(cr2.gif)topleftno-repeat;position:absolute;top:40px;right:0;width:148px;height:110px;}.accesskey{text-decoration:underline;}</style></head><!--Thisxhtmldocumentismarkeduptoprovidethedesignerwiththemaximumpossibleflexibility.Therearemoreclassesandextraneoustagsthanneeded,andinarealworldsituation,it'smorelikelythatitwouldbemuchleaner.However,Ithinkwecanallagreethatevengiventhat,we'restillbetteroffthanifthishadbeenbuiltwithtables.--><bodyonload="window.defaultStatus='cssZenGarden:TheBeautyinCSSDesign';"id="css-zen-garden"><divid="container"><divid="intro"><divid="pageHeader"><h1><span>cssZenGarden</span></h1><h2><span>TheBeautyof<acronymtitle="CascadingStyleSheets">CSS</acronym>Design</span></h2></div><divid="quickSummary"><pclass="p1"><span>Ademonstrationofwhatcanbeaccomplishedvisuallythrough<acronymtitle="CascadingStyleSheets">CSS</acronym>-baseddesign.Selectanystylesheetfromthelisttoloaditintothispage.</span></p><pclass="p2"><span>Downloadthesample<ahref="zengarden-sample.html"title="Thispage'ssourceHTMLcode,nottobemodified.">htmlfile</a>and<ahref="zengarden-sample.css"title="Thispage'ssampleCSS,thefileyoumaymodify.">cssfile</a></span></p></div><divid="preamble"><h3><span>TheRoadtoEnlightenment</span></h3><pclass="p1"><span>Litteringadarkanddrearyroadlaythepastrelicsofbrowser-specifictags,incompatible<acronymtitle="DocumentObjectModel">DOM</acronym>s,andbroken<acronymtitle="CascadingStyleSheets">CSS</acronym>support.</span></p><pclass="p2"><span>Today,wemustclearthemindofpastpractices.Webenlightenmenthasbeenachievedthankstothetirelesseffortsoffolklikethe<acronymtitle="WorldWideWebConsortium">W3C</acronym>,<acronymtitle="WebStandardsProject">WaSP</acronym>andthemajorbrowsercreators.</span></p><pclass="p3"><span>ThecssZenGardeninvitesyoutorelaxandmeditateontheimportantlessonsofthemasters.Begintoseewithclarity.Learntousethe(yettobe)time-honoredtechniquesinnewandinvigoratingfashion.Becomeonewiththeweb.</span></p></div></div>
解决方案四:
<divid="supportingText"><divid="explanation"><h3><span>SoWhatisThisAbout?</span></h3><pclass="p1"><span>Thereisclearlyaneedfor<acronymtitle="CascadingStyleSheets">CSS</acronym>tobetakenseriouslybygraphicartists.TheZenGardenaimstoexcite,inspire,andencourageparticipation.Tobegin,viewsomeoftheexistingdesignsinthelist.Clickingonanyonewillloadthestylesheetintothisverypage.Thecoderemainsthesame,theonlythingthathaschangedistheexternal.cssfile.Yes,really.</span></p><pclass="p2"><span><acronymtitle="CascadingStyleSheets">CSS</acronym>allowscompleteandtotalcontroloverthestyleofahypertextdocument.Theonlywaythiscanbeillustratedinawaythatgetspeopleexcitedisbydemonstratingwhatitcantrulybe,oncethereinsareplacedinthehandsofthoseabletocreatebeautyfromstructure.Todate,mostexamplesofneattricksandhackshavebeendemonstratedbystructuristsandcoders.Designershaveyettomaketheirmark.Thisneedstochange.</span></p></div><divid="participation"><h3><span>Participation</span></h3><pclass="p1"><span>Graphicartistsonlyplease.Youaremodifyingthispage,sostrong<acronymtitle="CascadingStyleSheets">CSS</acronym>skillsarenecessary,buttheexamplefilesarecommentedwellenoughthateven<acronymtitle="CascadingStyleSheets">CSS</acronym>novicescanusethemasstartingpoints.Pleaseseethe<ahref="http://www.mezzoblue.com/zengarden/resources/"title="AlistingofCSS-relatedresources"><acronymtitle="CascadingStyleSheets">CSS</acronym>ResourceGuide</a>foradvancedtutorialsandtipsonworkingwith<acronymtitle="CascadingStyleSheets">CSS</acronym>.</span></p><pclass="p2"><span>Youmaymodifythestylesheetinanywayyouwish,butnotthe<acronymtitle="HyperTextMarkupLanguage">HTML</acronym>.Thismayseemdauntingatfirstifyou’veneverworkedthiswaybefore,butfollowthelistedlinkstolearnmore,andusethesamplefilesasaguide.</span></p><pclass="p3"><span>Downloadthesample<ahref="zengarden-sample.html"title="Thispage'ssourceHTMLcode,nottobemodified.">htmlfile</a>and<ahref="zengarden-sample.css"title="Thispage'ssampleCSS,thefileyoumaymodify.">cssfile</a>toworkonacopylocally.Onceyouhavecompletedyourmasterpiece(andplease,don’tsubmithalf-finishedwork)uploadyour.cssfiletoawebserverunderyourcontrol.<ahref="http://www.mezzoblue.com/zengarden/submit/"title="UsethecontactformtosendusyourCSSfile">Sendusalink</a>tothefileandifwechoosetouseit,wewillspidertheassociatedimages.Finalsubmissionswillbeplacedonourserver.</span></p></div>
解决方案五:
为什么非得要别人帮你改?当别人是免费劳工?你自己慢慢的一步一步调不行吗?不懂的地方可以百度或google实在碰到困难才来这儿
解决方案六:
好多啊,