仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 973|回复: 8

[DIV+CSS] 来一发英文css教程:Introduction CSS

[复制链接]
若天明 该用户已被删除
发表于 2015-1-16 00:03:21 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
网页制造WEB文章简介:CSSactuallymeansCascadingStyleSheets.StylesareusedtodefinehowHTMLelementsaredisplayed.TheyareusuallystoredinSTYLESHEETSandwerefirstseenincludedinHTML4.0,withthepurposeofsolvingaproblemthatappeared.Thesearebas
FewpeoplereallyknowwhatCSSreallyis.Thatiswhyweneedtodiscussthisinthefollowingsetoftutorialsthatwewillhandoutasfastaspossible.Wewillcoverbasic,mediumandadvancedCSSinasetofCSSTutorialsthatyouwillsurelyenjoyutilizing.RememberthatyoudoneedbasicknowledgeaboutHTML/XHTMLinordertoworkwithCSS.ThisishighlyimportantandifyoudonotknowHTMLthenyoushouldfirstfocusonthatandthenonlearningfromCSSTutorials.
WhatisCSS?
CSSactuallymeansCascadingStyleSheets.StylesareusedtodefinehowHTMLelementsaredisplayed.TheyareusuallystoredinSTYLESHEETSandwerefirstseenincludedinHTML4.0,withthepurposeofsolvingaproblemthatappeared.Thesearebasicallyexternal,inthesensethattheyarenotactuallyincludedinyourHTMLcoding.ExternalStyleSheetsareusedinordertoSAVEYOUWORK.CSSfilesareutilizedtostorethemandyouneedtounderstandthatwehavetheadvantageofusingmultiplestyledefinitionsthatwilleventuallycascadeinjustone.
WhydidCSSappear?
Asalreadymentioned,CSSwasdevelopedinordertosolveaproblemwithHTML.RegularHTMLtagshavebeenbuilttodefinetheactualcontentofonedocument.WewerefacedwithsimpleHTMLtagslike<h1>,<table>,<p>etc.Therewasnoneedtouseformattingtagsbecausetheactualdocumentwastakencareofbyyourbrowser.AstimepassedwewerefacedwithbrowsersaddingHTMLattributesandtags.Thiscomplicatedeverythingandeventuallyledtodifficultyincreatingwebsites.Thestatementisextremelytruewhentalkingaboutsitesthatshowedaseparationbetweentheactualpresentationandthecontent.AsaresultofthisproblemSTYLESwereaddedtoHTML4.0byW3C.NowwecanclearlynoticethatallofthemainwebbrowsersouttheresupportCSS.
TimeSavedthroughCSS
StylesheetswillsaveyoutimebecausetheywilldefinehowsomeorallHTMLelementsaredisplayed.ThemostbasicexamplesofHTMLelements’appearancethatcanbecontrolledstandsinthecolortagandfonttag,whichappearedinHTML3.2.Inmostcasesthewebmaster/designer/adminwillstoreallstylesin.cssfiles.ThesearebasicallytheExternalStyleSheetsmentionedabove.Theactualtimesavingcomesfromthefactthatyouwilljustneedtoediton.cssfileinsteadofmanyofyourwebpages.Forinstance,letusthinkthatyouwillwanttochangethecolorofthelinksonallofyourhtmlfiles.Youwouldnormallydothisbydoingmodificationsoneverysinglefile.ThroughtheuseofCSSyouwilljustneedtomodifyONEFILE.Youwillbeabletodefineonestyleforeachwebelementthatyouwant.Thenthestylecanbeappliedtoasmanyhtmlfilesasneeded.Aglobalchangeisdoneinjustonefile.
WhatisthedealwithMultipleStylesCascadinginOne?
WedidnoticethatthereisalittleproblemwithunderstandingthisconceptsowedoneedtoaddittoourCSStutorialintroduction.Allstylesheetswillallowyoutodefineinfoaboutstyleandtheinfocanbegiveninvariousways.YoucanspecifystylesinExternalStyleSheets,inanHTMLelementinsidethewebpageorinoneHTMLelement.Thereisaposibilitytohavemorethanonestyledefinedfor1HTMLelement.Inthiscasewearefacedwithordercascading.Everystylepresentwillbereadbythebrowserandcascadeintoonenewstylessheet,whichwecanconsidervirtual.Thisisdonebyobeyingasimplelistoforderdefinedbypriority.Thewayyouseeanelementwillbegivenbytheelementwiththehighestpriority.Theorderis:
1.InlineStyle(definedinsidetheHTMLelement)
2.InternalStyleSheet(definedinsideatag)
3.ExternalStyleSheet
4.Browserdefaultsettings.

表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
乐观 该用户已被删除
发表于 2015-1-17 23:53:23 | 显示全部楼层
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
老尸 该用户已被删除
发表于 2015-1-26 23:52:13 | 显示全部楼层
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
若天明 该用户已被删除
 楼主| 发表于 2015-2-5 06:03:13 | 显示全部楼层
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
愤怒的大鸟 该用户已被删除
发表于 2015-2-11 07:34:38 | 显示全部楼层
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
第二个灵魂 该用户已被删除
发表于 2015-3-2 00:55:08 | 显示全部楼层
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
admin 该用户已被删除
发表于 2015-3-11 03:57:57 | 显示全部楼层
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
爱飞 该用户已被删除
发表于 2015-3-17 21:08:18 | 显示全部楼层
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
透明 该用户已被删除
发表于 2015-3-25 03:26:41 | 显示全部楼层
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-3-29 13:26

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表