爱飞 发表于 2015-1-16 00:23:38

CSS教程之CSS+DIV:让文本字符围绕在你的图片四周

在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
  看到下面的效果,你大概觉得这是一张带笔墨的图片罢了;呵呵,用你的鼠标往拔取笔墨看看,发明了吧,这完完整满是一张图片和笔墨的组合,上面我就来先容它是怎样做的。
  先看看代码:
  以下是援用片断:
<divid="info">
<h2>TRACKINGYOURIMAGES</h2>
<divid="holdit">
</em><emclass="a430"></em><emclass="a400"></em><emclass="a370"></em><emclass="a340"></em><emclass="a300"></em><emclass="a270"></em><emclass="a250"></em><emclass="a240"></em><emclass="a230"></em><emclass="a230"></em><emclass="a340"></em><emclass="a340"></em><emclass="a360"></em><emclass="a540"></em><emclass="a540"></em><emclass="a540"></em><emclass="a550"></em><emclass="a550"></em><emclass="a550"></em><emclass="a550"></em><emclass="a550"></em><emclass="a550"></em><emclass="a540"></em><emclass="a460"></em><emclass="a490"></em><emclass="a500"></em><emclass="a500"></em><p>"IshallhavetowaituntilIcatchupwithit,"saidWinnie-the-Pooh."Now,lookthere."Hepointedtothegroundinfrontofhim."Whatdoyouseethere?"<br/>"Tracks,"saidPiglet."Paw-marks."Hegavealittlesqueakofexcitement."Oh,Pooh!Doyouthinkitsa--a--aWoozle?"<br/>"Itmaybe,"saidPooh."Sometimesitis,andsometimesitisnt.Younevercantellwithpaw-marks."<br/>Withthesefewwordshewentontracking,andPiglet,afterwatchinghimforaminuteortwo,ranafterhim.Winnie-the-Poohhadcometoasuddenstop,andwasbendingoverthetracksinapuzzledsortofway.<br/>"Whatsthematter?"askedPiglet.<br/>"Itsaveryfunnything,"saidBear,"butthereseemtobetwoanimalsnow.This--whatever-it-was--hasbeenjoinedbyanother--whatever-it-is--andthetwoofthemarenowproceedingincompany.Wouldyoumindcomingwithme,Piglet,incasetheyturnouttobeHostileAnimals?"<br/>Pigletscratchedhisearinanicesortofway,andsaidthathehadnothingtodountilFriday,andwouldbedelightedtocome,incaseitreallywasaWoozle.<br/>"Youmean,incaseitreallyistwoWoozles,"saidWinnie-the-Pooh,andPigletsaidthatanyhowhehadnothingtodountilFriday.Soofftheywenttogether.</p></div></div>

可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

仓酷云 发表于 2015-1-18 06:34:35

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

只想知道 发表于 2015-1-23 05:48:31

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

变相怪杰 发表于 2015-1-31 15:35:23

由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。

爱飞 发表于 2015-2-6 21:01:28

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

谁可相欹 发表于 2015-2-18 19:44:58

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。

再现理想 发表于 2015-3-13 00:09:43

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

若相依 发表于 2015-3-20 07:45:56

只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
页: [1]
查看完整版本: CSS教程之CSS+DIV:让文本字符围绕在你的图片四周