http://www.tutorialspoint.com/css/css_layouts.htm
css样式大全 时间:2021-01-06 阅读:()
Copyrighttutorialspoint.
comCSS-LAYOUTSCSS-LAYOUTSHopeyouareverycomfortablewithHTMLtablesandyouareefficientindesigningpagelayoutsusingHTMLTables.
ButyouknowCSSalsoprovidesplentyofcontrolsforpositioningelementsinadocument.
SinceCSSisthewaveofthefuture,whynotlearnanduseCSSinsteadoftablesforpagelayoutpurposesThefollowinglistcollectsafewprosandconsofboththetechnologiesMostbrowserssupporttables,whileCSSsupportisbeingslowlyadopted.
Tablesaremoreforgivingwhenthebrowserwindowsizechanges-morphingtheircontentandwrappingtoaccommodatethechangesaccordingly.
CSSpositioningtendstobeexactandfairlyinflexible.
TablesaremucheasiertolearnandmanipulatethanCSSrules.
ButeachoftheseargumentscanbereversedCSSispivotaltothefutureofWebdocumentsandwillbesupportedbymostbrowsers.
CSSismoreexactthantables,allowingyourdocumenttobeviewedasyouintended,regardlessofthebrowserwindow.
Keepingtrackofnestedtablescanbearealpain.
CSSrulestendtobewellorganized,easilyread,andeasilychanged.
Finally,wewouldsuggestyoutousewhichevertechnologymakessensetoyouandusewhatyouknoworwhatpresentsyourdocumentsinthebestway.
CSSalsoprovidestable-layoutpropertytomakeyourtablesloadmuchfaster.
FollowingisanexampleCSStablelayoutcell1CSStablelayoutcell2CSStablelayoutcell3Youwillnoticethebenefitsmoreonlargetables.
WithtraditionalHTML,thebrowserhadtocalculateeverycellbeforefinallyrenderingthetable.
Whenyousetthetable-layoutalgorithmtofixed,however,itonlyneedstolookatthefirstrowbeforerenderingthewholetable.
Itmeansyourtablewillneedtohavefixedcolumnwidthsandrowheights.
SampleColumnLayoutHerearethestepstocreateasimpleColumnLayoutusingCSSSetthemarginandpaddingofthecompletedocumentasfollowsNow,wewilldefineacolumnwithyellowcolorandlater,wewillattachthisruletoa:Uptothispoint,wewillhaveadocumentwithyellowbody,soletusnowdefineanotherdivisioninsidelevel0Now,wewillnestonemoredivisioninsidelevel1,andwewillchangejustbackgroundcolorFinally,wewillusethesametechnique,nestalevel3divisioninsidelevel2togetthevisuallayoutfortherightcolumnCompletethesourcecodeasfollowsbody{margin:9px9px09px;padding:0;background:#FFF;}#level0{background:#FC0;}#level1{margin-left:143px;padding-left:9px;background:#FFF;}#level2{background:#FFF3AC;}#level3{margin-right:143px;padding-right:9px;background:#FFF;}#main{background:#CCC;}FinalContentgoes
comCSS-LAYOUTSCSS-LAYOUTSHopeyouareverycomfortablewithHTMLtablesandyouareefficientindesigningpagelayoutsusingHTMLTables.
ButyouknowCSSalsoprovidesplentyofcontrolsforpositioningelementsinadocument.
SinceCSSisthewaveofthefuture,whynotlearnanduseCSSinsteadoftablesforpagelayoutpurposesThefollowinglistcollectsafewprosandconsofboththetechnologiesMostbrowserssupporttables,whileCSSsupportisbeingslowlyadopted.
Tablesaremoreforgivingwhenthebrowserwindowsizechanges-morphingtheircontentandwrappingtoaccommodatethechangesaccordingly.
CSSpositioningtendstobeexactandfairlyinflexible.
TablesaremucheasiertolearnandmanipulatethanCSSrules.
ButeachoftheseargumentscanbereversedCSSispivotaltothefutureofWebdocumentsandwillbesupportedbymostbrowsers.
CSSismoreexactthantables,allowingyourdocumenttobeviewedasyouintended,regardlessofthebrowserwindow.
Keepingtrackofnestedtablescanbearealpain.
CSSrulestendtobewellorganized,easilyread,andeasilychanged.
Finally,wewouldsuggestyoutousewhichevertechnologymakessensetoyouandusewhatyouknoworwhatpresentsyourdocumentsinthebestway.
CSSalsoprovidestable-layoutpropertytomakeyourtablesloadmuchfaster.
FollowingisanexampleCSStablelayoutcell1CSStablelayoutcell2CSStablelayoutcell3Youwillnoticethebenefitsmoreonlargetables.
WithtraditionalHTML,thebrowserhadtocalculateeverycellbeforefinallyrenderingthetable.
Whenyousetthetable-layoutalgorithmtofixed,however,itonlyneedstolookatthefirstrowbeforerenderingthewholetable.
Itmeansyourtablewillneedtohavefixedcolumnwidthsandrowheights.
SampleColumnLayoutHerearethestepstocreateasimpleColumnLayoutusingCSSSetthemarginandpaddingofthecompletedocumentasfollowsNow,wewilldefineacolumnwithyellowcolorandlater,wewillattachthisruletoa:Uptothispoint,wewillhaveadocumentwithyellowbody,soletusnowdefineanotherdivisioninsidelevel0Now,wewillnestonemoredivisioninsidelevel1,andwewillchangejustbackgroundcolorFinally,wewillusethesametechnique,nestalevel3divisioninsidelevel2togetthevisuallayoutfortherightcolumnCompletethesourcecodeasfollowsbody{margin:9px9px09px;padding:0;background:#FFF;}#level0{background:#FC0;}#level1{margin-left:143px;padding-left:9px;background:#FFF;}#level2{background:#FFF3AC;}#level3{margin-right:143px;padding-right:9px;background:#FFF;}#main{background:#CCC;}FinalContentgoes
- http://www.tutorialspoint.com/css/css_layouts.htm相关文档
- 可应用于100V和70V广播系统的10W多档
- 南京师范大学教育实习教案
- 页面css样式大全
- Inlinecss样式大全
- 全国计算机应用水平考试
- 电瓶车样式参考图片
日本美国站群服务器raksmart站群新增,限量低至月1.99美元
RAKsmart 商家八月份的促销活动今天更新。基本上和上个月的产品套餐活动差不多的，不过也是有简单的微调。对于RAKsmart商家还是比较了解的，他们家产品虽然这两年增加多个机房，以及在VPS主机方案上有丰富的机房和调整到一些自营机房，他们家的策划能力还是有限，基本上每个月的套餐活动都差不多。RAKsmart 在八月份看到有新增香港高防服务器可选，最高100GB防御。同时原来上个月缺货的日本独立...
racknerd：美国大硬盘服务器，$599/月，Ryzen7-3700X/32G内存/120gSSD+192T hdd
racknerd当前对美国犹他州数据中心的大硬盘服务器（存储服务器）进行低价促销，价格跌破眼镜啊。提供AMD和Intel两个选择，默认32G内存，120G SSD系统盘，12个16T HDD做数据盘，接入1Gbps带宽，每个月默认给100T流量，5个IPv4... 官方网站：https://www.racknerd.com 加密数字货币、信用卡、PayPal、支付宝、银联（卡），可以付款！ ...
月费$389，RackNerd美国大硬盘独立服务器
这次RackNerd商家提供的美国大硬盘独立服务器，数据中心位于洛杉矶multacom，可选Windows、Linux镜像系统，默认内存是64GB，也可升级至128GB内存，而且硬盘采用的是256G SSD系统盘+10个16TSAS数据盘，端口提供的是1Gbps带宽，每月提供200TB，且包含5个IPv4，如果有需要更多IP，也可以升级增加。CPU核心内存硬盘流量带宽价格选择2XE5-2640V2...
css样式大全为你推荐
-
域名域名是什么？？？空间主机空间 ， VPS 服务器， 云主机有什么区别？虚拟主机价格谁知道虚拟主机的价格？免费虚拟空间找个免费的虚拟主机空间，20M以上的域名空间什么是域名,空间?租服务器我想租一个服务器，越便宜越好vps主机vps主机好吗？是不是垃圾？免费虚拟主机申请永久免费虚拟主机免费国内空间谁知道国内哪个免费空间好，要1GB的网站域名一个网站要几个域名