第七章WEB标准与面布局基础理论_第1页
第七章WEB标准与面布局基础理论_第2页
第七章WEB标准与面布局基础理论_第3页
第七章WEB标准与面布局基础理论_第4页
第七章WEB标准与面布局基础理论_第5页
已阅读5页，还剩32页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

WEB标准与页面布局基础第七章本章单词Structure （体系，构造，结构）

Presentation （介绍，演示，外观，表象）

Behavior （反应，行为，举止）

XML （Extensible

Markup

Language，即可扩展标记语言）

DTD （DocumentTypeDefinition，文档类型定义）

Transitional （过渡性的）

Strict （严格的）

margin （外边的空白，外边距，外补丁）

padding （填充物，内边距，内补丁）

block （街区，块）

inline （内联，行内）

overflow （泛滥，溢出）

relative （相对的）

absolute （绝对的）

vertical （垂直的，竖直的）预习检查3预习检查当使用margin属性对元素的四个外边距进行设置，依次的顺序为()。top bottom left rightleft right top bottomtop left bottom righttop right bottom left使用position属性可设置元素的定位机制。要使元素以它的父元素为参照，进行相对定位，应为postion属性赋以下（）的值。staticabsoluterelativefixed

预习检查当页面中有多个元素在垂直于浏览器窗口的方向上发生层叠时，可使用()属性设置它们的层叠顺序，此属性的值越()则此元素就越接近浏览者。z 大index 小z-index 大z-number 大要将一个元素隐藏，并且要求此元素原来占据的页面空间被释放，应为此元素设置()属性，并赋值为()。visibility nonevisibility hiddendisplay hiddendisplay none

预习检查CSS盒状模型规定盒子由四个content,margin,padding,border部分组成。由盒子的外部到盒子内部，这四个部分的顺序依次是()。border padding margin contentmargin border padding contentcontent padding border marginborder margin content padding

网站重构与WEB标准

网站重构把“未采用CSS，大量使用HTML进行定位、布局，或者虽然已经采用CSS，但是未遵循HTML结构化标准的站点”变成“让标记回归标记的原本意义。通过在HTML文档中使用结构化的标记以及用CSS控制页面表现，使页面的实际内容与它们呈现的格式相分离的站点。”的过程就是网站重构。网站重构>>>WEB标准

WEB标准网页主要由三个部分构成：结构（Structure）、表现（Presentation）和行为（Behavior）。它们都有各自的标准。结构结构是指一个网页有哪些内容以及这些内容如何被清晰地组织在一起。网页结构的标准主要是XML语言和XHTML语言。表现表现是指一个网页的内容以何种样式来展现。网页表现的标准是CSS语言。行为行为是指一个网页及其所它包含的网页元素以及它所属的浏览器窗口如何与用户交互。网页行为由JavaScript脚本语言来实现。XHTML

XHTML是HTML的替代者，它是从HTML继承而来，但使用了XML的规则进行严格规范。XHTML与传统的HTML的不同之处，主要来自于XML语法规范的格式要求，即要求“格式良好”。必须有且仅能有一个根元素<html></html>标签必须正确地嵌套标签必须关闭标签名和属性名必须使用小写属性必须赋值属性值必须包含在引号内特殊字符必须用实体编码来表示图片必须有替代文字注释的内容中不能包含”--”DTDXHTML文档的有效性网页文档中可以使用的标签有哪些，标签有哪些可用的属性，属性可用哪些值，标签之间如何嵌套，特殊字符如何表示等等。XHTML文档的有效性通过DTD（DocumentTypeDefinition，文档类型定义）来定义和验证。在文档第一行（<html>标签开始之前）添加DOCTYPE即文档类型声明。万维网联盟（W3C）为XHTML制定了三种DTD过渡的(Transitional)<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"“url">

严格的(Strict)<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"“url">

框架集的(Frameset)<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""url">

结构与表现分离CSS的出现，使得网页的结构与表现比较清晰地分离成为可能。对于网页包含的数据内容，由HTML标签负责承载，同时，文档内众多标签的先后顺序和嵌套关系，也说明了这些数据内容的结构。对于网页中的每一个元素最终在浏览器中以何种样式来呈现，则由CSS的样式规则来负责定义。CSS样式规则一般编写在网页的头部<head></head>中，这样可使得用来承载数据和描述结构的HTML代码与控制样式的CSS代码分离开来。如果需要二者更进一步地分离，则可将CSS样式规则转移到独立的外部样式表文件中。网页的结构与表现分离，带来的好处。WEB标准与CSS实现网页布局

网页布局又可理解为网页排版。简单地说就是：网页中的某一块内容应该放置在网页的哪个位置，占用多大的面积。大量使用表格实现页面布局，不符合WEB标准。目前普遍采用CSS结合div标签来实现网页的布局。将整个网页的所有内容分割成为相对独立的内容块，这些内容块分别用一个div标签来包裹，再使用CSS的属性分别设置这些内容块的位置和尺寸。这样整个页面的版式就受到了控制，从而实现了网页的布局。CSS的盒状模型

CSS的盒状模型（BoxModel），是使用CSS实现网页布局的基础。页面中可放置内容的窗口元素称为盒子即Box，盒子就是一个矩形区域。每个盒子都有内容Content，内边距Padding，边框Border，外边距Margin。盒状模型用于描述它们之间的层次，关系与相互的影响。margin：外边距border：边框padding：内边距，又称内补丁或间隙content：内容两种盒子盒子还有块级盒子(blockbox)和内联盒子(inlinebox)之分。这两种盒子分别是块级元素与内联元素的默认盒状模型。块级元素div、table、form、fieldset、h1~h6、p、ol、ul、li、hr等。内联元素span、a、label、input、select、textarea、img、embed、br等。块级元素显示为独立的一块（矩形区域），它的前后都会换行；内联元素不会导致换行，它会和其他内联元素一起在一行内显示。内联元素只能包含文本和其他内联元素；而块级元素则能包含内联元素和其他块级元素。标准文档流盒状模型的转换CSS属性display可以设置网页元素使用的盒状模型。为块级元素的display属性赋值为inline，那么这个块级元素转变为内联元素；为内联元素的display属性赋值为block，则这个内联元素转变为块级元素。<divid="firstDiv"> <pclass="myp">第一个段落</p><pclass="myp">第二个段落</p></div><ulid="myul"> <li>列表项目</li> <li>列表项目</li> <li>列表项目</li></ul><divid="secondDiv">secondDiv</div><divid="thirdDiv">thirdDiv</div>演示例7-1盒状止模型喇的转尿换<s挖ty麦le竿>#f小ir絮st侦Di渗v,蛇#献se恒co甲nd资Di挪v,肌#纹th厨ir班dD圈iv肆{bo芝rd填er瓣:1蜜px对s常ol踪蝶id获g蒸ra挪y;}#m认yu音l集li菜{di吗sp瞒la薄y:削in胃li叔ne帮;}.m洋yp倦{di热sp辆la石y:困in鸦li犹ne鹊;}#s家ec饮on腥dD忘iv恨,减#t稍hi蔬rd带Di暂v{di茅sp匀la它y:仰in梯li自ne此;}</饮st善yl纠e>演示里例7-嗽1外边殖距CS渔S外边率距属辟性用护来设医置一究个元控素所笼占空颈间的摩边缘热到相拌邻元瞎素之宗间的命距离相。使劈燕用ma垒rg尚in属性签来设潮置外忧边距筛。属性意义取值margin-topmargin-rightmargin-bottommargin-left设置元素的顶外边距。设置元素的右外边距。设置元素的底外边距。设置元素的左外边距。可使用像素单位的数字或百分比，也可使用auto。margin简写属性。在一个声明中设置外边距属性。依次设置顶外边距、右外边距、底外边距、左外边距。ma爪rg羞in<b轧od惑y><d固iv闲i桐d=拍"o纤ut夸er减Di源v"粗><p橡>外部DI消V块</剂p><p边>这是坏一个逃段落冠。这眨是一源个段刷落。住这是摘一个筝段落唱。这连是一缩慧个段屑落。寸这是侮一个抢段落丘。这是修一个红段落酬。这序是一散个段笔落。</滋p><d姿iv贡i企d=声"i那nn详er锅Di坏v"昆><p急>内部DI葱V块</涝p><p驴>这是拖一个龟段落雀。这证是一告个段叹落。饲这是异一个大段落抢。这背是一谱个段酒落。创这是场一个段花落。名这是嘴一个病段落透。</调p></倍di珍v></农di吐v></泳bo抢dy扔><s厕ty粒le密t弱yp毙e=歌"t萌ex多t/葡cs哪s"垦>*{酬ma璃rg栋in朵:0页;p漆ad茫di耽ng掘:0袋;}bo男dy市{b叉ac瓜kg摊ro排un傻d-商co女lo椅r:幕#f冰ed捕cb鼻a;犁}#o柜ut从er粒Di批v{bo寻rd忆er菜:1圾px河s肚ol部id支b隐lu亮e;wi六dt愈h:俘40科0p座x;ma但rg唱in捡:0池px详;ba瞧ck跟gr据ou暗nd仅-c碍ol御or匠:#响ab挺cd绝ef齐;}#i严nn轮er读Di逼v{bo访rd绍er桨:1驼px挪s动ol窑id翁r俯ed犯;wi委dt际h:区30组0p仔x;ma撤rg兵in盲:2透0p场x;ba魔ck喷gr络ou颠nd江-c算ol序or滥:#撒cc祸cc状cc墓;}p{嚷bo插rd劲er疤:1援px巩d处as侍he功d似gr耐ee犹n;填}</咱st卧yl夕e>演示遍例7-饥2内边坝距CS爷S内边跨距属刑性是船用来觉设置件元素坚内容雾到元采素边仇框的舞距离浅。使引用pa钢dd逗in歪g属性绘来设址置内进边距缴。属性意义取值padding-toppadding-rightpadding-bottompadding-left设置元素的顶内边距。设置元素的右内边距。设置元素的底内边距。设置元素的左内边距。可使用像素单位的数字或百分比，也可使用auto。padding简写属性。作用是在一个声明中设置元素的内边距属性。依次设置顶内边距、右内边距、底内边距、左内边距。pa啊dd监in吐g<b张od绞y><d样iv乞i拖d=旧"o蛋ut殊er容Di笼v"消><p盯>外部DI潜V块</为p><p该>这是仗一个歉段落怜。这损是一确个段套落。恭这是弄一个巧段落良。这裕是一尼个段肤落。弃这是淡一个惩段落发。<d师iv屑i辣d=贩"i殖nn冶er忙Di片v"自><p塞>内部DI简V块</苏p><p革>这是盒一个退段落碑。这违是一确个段统落。佳这是雀一个徐段落程。这膛是一避个段补落。稀这是彼一个段酬落。规这是尤一个境段落僵。这绸是一磨个段夜落。竖这是本一个矮段落普。</垫p></摩di蛮v></速di妇v></傅bo雁dy歼><s乐ty狱le黄t萌yp骆e=交"t倾ex恩t/滚cs秘s"速>*伤{m普ar乔gi伞n:珍0;液pa富dd敬in叶g:如0;池}bo黑dy芝{b系ac姓kg后ro仗un茧d-塔co乘lo艇r:耻#f聪ed澡cb访a;朽}#o联ut示er龟Di终v{bo辣rd烈er柏:1竹px鞋s摔ol志id皂b蓬lu泳e;wi惊dt凉h:午40膝0p范x;pa赴dd蜡in脚g:盆10燥px脚;ba锯ck燥gr迁ou迷nd膏-c貌ol周or陈:#挺ab滨cd宰ef两;}#i挺nn赏er涌Di睬v{bo瓦rd浇er菠:1插px俭s喊ol匆id唇r排ed气;wi荒dt歉h:评30余0p困x;pa由dd矛in筐g:蚁10寨px从;ba给ck翁gr脊ou愈nd惩-c唱ol等or薄:#授cc刻cc普cc支;}p{浆bo伏rd同er巡寿:1稿px哭d笋as它he皂d词gr竿ee塘n;委}</粥st任yl苍e>演示西例7-惜3尺寸CS涌S尺寸装属性励指的提是co箭nt院en芽t内容醋区域候的宽究和高谁。使左用wi绩dt鸡h和he箩ig笨ht属性痰来设惕置内些容区企域的旗宽度饭和高祸度。属性意义取值width设置元素内容区域的宽度。可使用px像素单位或%百分比。height设置元素内容区域的高度。可使用px像素单位或%百分比。wi拼dt菌h和he羽ig胸ht<s芦ty堪le搞t拥yp冤e=邻"t丢ex塞t/贵cs肿s"夺>#m牵yt犹ab旧le仿{he坟ig势ht案:1脖20乞px叉;bo成rd磨er原:4期px饼d偿ou蕉bl焰e队bl请ac泄k;bo糠rd秤er衰-c由ol奋la厉ps槽e:秋co尿ll武ap摘se地;}#m只yt清ab售le夕t械d{wi陵dt盖h:须18览0p息x;bo呀rd碰er毫:1航px物s位ol潮id陶g史ra荐y;}#m夹yp进{wi哗dt卧h:糊45忌0p绢x;禁he废ig岭ht镰:8硬0p糊x;ba勉ck衔gr闭ou阿nd溜-c颠ol稀or树:#奋fe兵dc赚ba污;}</担st伴yl岂e><p俊i泊d=凑"m袍yp虑">段落准文字狮段落孝文字悦段落闯文字嘉段落炸文字复段落栽文字葛段落样文字棋段落廉文字沸段落酱文字段席落文餐字段誓落文向字段催落文夕字</仇p><t仪ab纠le种i声d=愁"m躬yt睛ab谈le瓶"><t左r><t愿d>单元廊格</陈td元>捡<t论d>单元候格</竟td井></笑tr涨><t随r><t洁d><i僵mg故s酸rc浙="趁im冒ag此e/养eg伸_b匆g.敢gi堤f"知a办lt毫="示例奸图片"st侦yl呜e=元"w山id辱th洁:1唯25如px宴;h议ei毒gh有t:惯12苦5p罩x;哭"/阁></升td练><t更d><p胡>段落突文字盼段落商文字邀段落念文字屑段落归文字匹段落客文字怎段落约文字妈段落含文字遗段落别文字段造落文伪字段军落文猛字段升落文耕字</驴p></授td押></你tr否></先ta排bl粱e>演示摩例7-萌4溢出CS俩S溢出库属性万指内遍容区龙域的丽尺寸醉不足断以容覆纳元伯素的湿内容营时，盛超出匹的部渗分如吨何处济理。台使用ov葱er折fl含ow属性醒来设珠置如为何处林理溢混出的牢内容顿。属性意义取值overflow设置当元素内容所需占用的区域超出内容区域时，如何处理。默认visible，其他值可用auto、scroll、

hidden。ov扯er否fl请ow<d静iv牢i酿d=倍"m峰yd控iv贵"><p兰>这是扫一个虾段落</仓p>盗<p隙>这是画一个肢段落</双p><p蛇>这是插一个则段落</治p>兔<p扛>这是风一个帖段落</帖p><p进>这是闸一个笨段落</役p>恳<p昏>这是早一个加段落</运p><p思>这是饶一个徒段落</鱼p>铅<p库>这是冬一个艘段落</不p>……</迁di稠v><s艳ty你le牵t希yp猜e=愚"t忍ex询t/炎cs超s"抵>#m托yd纸iv渴{wi矿dt和h:圆30芽0p碧x;he羽ig著ht龙:2护00闭px谅;ov资er震fl躺ow:s肝cr吸ol承l;bo掠rd恶er窄:1械px佳s志ol劝id屡b觉lu移e;}</趴st厨yl违e>演示裂例7-锣51、2、3、小结1盒状罚模型某中所明谓的突盒子切如何渐构成你？有哪吼两种鲜盒子艰？分堵别包棍含哪翁些标撒签？CS唇S中哪怜个属食性可牢以改仅变HT绪ML标签买默认惰的盒慢状模艇型？与定育位相址关的CS界S属性定位负方式坐标层叠狮顺序对齐幅方式定位远方式祸和坐载标po厨si筋ti继on属性视可以壳设置鬼默认叫定位桑方式嫁之外户的其钥他三杰种方崇式。to誉p、ri款gh宋t、bo坚tt倍om、le滋ft用于舅设置躁定位己坐标吉。属性意义取值position设置元素的定位机制。static，静态定位，默认值。定位于页面文档流给定的位置。relative，相对定位。在页面文档流给定位置基础上进行偏移。absolute，绝对定位。以父级元素作为参照，使用坐标进行绝对定位。fixed，固定定位。固定在相对于浏览器窗口的指定位置，不随页面滚动而移动。toprightbottomleft设置元素的某边界相对于其包含块相应边界的偏移量。默认为auto，可使用px像素或%百分比设定。绝对殃定位<b果od箩y><d依iv厦i钩d=冠"f软ir呈st详"><p冻>f鼻ir歉st址d换iv位于bo招dy中</泼p></捷di仁v><d寨iv僵i尝d=菠"s妇ec还on汪d"嚷><p着>s点ec飘on非d咳di绍v位于bo炭dy中</投p><d谣iv单i制d=欠"t肤hi钥rd霉"><p绪>t狂hi押rd励d挡iv位于se忍co唐nd痒d杰iv中</凡p></己di绒v></乡丰di盲v><d扶iv孟i苍d=坑"f圈or职th捉"><p错>f览or保th售d腿iv位于bo障dy中</贡p></辰di上v></禾bo灰dy顾><s虑ty萝le轰t捆yp纱e=播"t臂ex移t/在cs懒s"来>*罢{m趟ar睬gi虏n:怖0p好x;易pa叙dd容in犯g:建0p厚x;劳}di能v{症bo妖rd童er上:1管px烦s河ol倦id年b贡lu拳e;认}p{政bo锐rd骨er尝:1难px训d茧as勺he扎d眼re杂d;丛}#f场ir选st{po阀si咽ti倦on角:a信bs竭ol财ut奖e;le妥ft吸:2锋0p籍x;戴t蚊op确:1壤0p座x;wi仇dt搜h:者22绍0p骗x;少he抛ig极ht厨:2拾50度px租;未ba测ck齐gr佛ou渔nd合-c倚ol揉or矮:#顿ab政cd陈ef拉;}#s棍ec霉on播d{po盈si忌ti腾on层:a冰bs办ol冒ut枪e;夫l亡ef院t:性25心0p疾x;涌t露op骄:1计0p厉x;wi量dt怨h:摩18姑0p现x;誓he您ig删ht哨:1洋50集px呈;来ba当ck把gr上ou狂nd骂-c障ol卵or椒:#趋ab争cd熔ef墙;}#t元hi钞rd{po捏si来ti选on瓜:a育bs析ol锄ut陵e;寻l疤ef哑t:奖-2狡0p敞x;绣to胸p:洒50举px伏;ba滥ck腔gr甩ou怀nd秀-c硬ol在or赢:#聪fe储dc骡ba泰;}#f管or恳th{po精si股ti浪on驳:a康bs唱ol开ut解e;le会ft傅:1画00袜px某;既to析p:兽12从0p填x;wi屿dt兔h:辫18以0p亦x;栽he腿ig掩ht芳:1考00队px辈;张ba阁ck吹gr蝴ou损nd季-c莫ol标or微:r惭ed鹅;}</谈st狼yl执e>演示创例7-辞6相对慌定位<b有od松y><p宴i汪d=朴"p溪_p善os川_l躁ef致t"仪>这是多一个俘段落</冬p><p卷>这是暂一个杠段落</饮p><p笛i植d=狐"p景_p录os储_t泛op赢">这是寺一个蹄段落</避p></塞bo零dy手><s锈ty乔le扎t厨yp装e=层"t岩ex突t/斧cs使s"线>p{邮ma站rg悔in好:0掏;b破or将de神r:淡1p客x择so润li弹d抽gr展ay豆;w捏id寇th倡:2啦50喇px叹;}#p俗_p挖os伤_l军ef驴t苦{po含si染ti轮on姻:r肉el造at交iv鼻e;孤le翅ft雪:2宏0p搁x;}#p澡_p住os毁_t率op辣{po秩si然ti莫on只:r舟el饭at煤iv侦e;院to厦p:懒20悠px晶;}</央st傻yl杯e>演示屡例7-旱7固定汪定位<b挽od帝y><d两iv任i盖d=垃"f犹oo脸te咱r"锁><p穿>不管钻页面钥如何阴滚动摊，我此自始佣至终榴都在陷这里个。</崇p></逃di伶v><p监>页面猫正文</守p>鲜<p林>页面替正文</剩p>食<p填>页面惧正文</满p>姻<p躺>页面邀正文</题p><p屋>页面查正文</罗p>足<p舅>页面泰正文</鬼p>蛾<p团>页面雹正文</丹p>谅<p舍>页面鹅正文</挽p><p听>页面探正文</文p>涨<p召>页面传正文</自p>谜<p促>页面坏正文</饮p>仅<p鹅>页面明正文</碰p></虑bo跨dy碎><s煎ty婶le杆t吗yp统e=耳"t茂ex债t/觉cs框s"舰>#f泻oo鹊te累r{po抓si矿ti版on抱:f渔ix寇ed搏;绸b漏ot墨to裁m:首10纸px致;纳r赤ig粮ht煤:1桑0p跨x;wi挤dt严h:范35占0p乱x;太h竭ei筝gh邮t:线50悲px揪;ba张ck阳gr俗ou眠nd黎-c冶ol精or貌:#抹fe牵dc到ba圾;}</姓st仇yl蒙e>演示咱例7-寸8层叠磨顺序网页挥中的达多个嘴内容蜂块可贡能使催用多学种不高同的船定位担方式喉，这带可能升导致村它们亡在垂罚直于惠浏览捷器窗猜口（腹或文解档正嘉文区刷域）看的方破向上咏层叠拌起来主，相布互遮织挡。誓使用z-谷in勿de宅x（Z轴索经引）属性能可以破设置照它们书的层横叠顺掠序。属性意义取值z-index设置元素在垂直浏览器窗口方向上的层叠顺序。使用数字设定，数字越大越靠近浏览者。为负数时，作为页面正文的背景显示。z-猎in湖de单x<b美od厨y><d遣iv坏i徒d=妻"f劲ir厅st撕"><p衬>f昏ir粒st叉d寻iv位于bo代dy中</珠p></宽di盖v><d斩iv飘i析d=担"s困ec犬on艘d"哈><p牺>s烦ec递on宴d只di解v位于bo期dy中</贞p><d由iv燥i市d=技"t游hi乎rd吹"><p诉>t侨hi脂rd乳d波iv位于se颂co什nd女d形iv中</舍p></客di中v></乖di筹v><d考iv妙i剧d=惯"f衔or腥th捐"><p城>f雷or虾th晃d孝iv位于bo晚dy中</呀p></伏di正v></辉bo唱dy痛><s烦ty呼le刻t声yp服e=堵"t自ex愧t/镰cs忙s"忠>*亭{m饭ar椒gi赶n:擦0p艘x;屠pa剑dd柄in胸g:雹0p湾x;气}di殿v用{b被or滩de姻r:胆1p腹x绸so遣li成d担bl哄ue牢;}p域{b啦or盏de亏r:嫂1p湖x尤da栋sh争ed亦r依ed丘;}#f的ir运st{po蹈si退ti趁on杯:a允bs孕ol跌ut瓦e;双z-蒸in刷de咬x:势1;脊le币ft屿:2轿0p黎x;卷to楼p:财10酬px剖;wi售dt胡h:娃22跪0p谋x;今he园ig趴ht杂:2拣50挨px阳;b氧ac盈kg割ro叫un范d-恒co浪lo蓬r:尊#a椅bc挠de跳f;猛}#s谨ec宿on斗d{po土si煮ti待on次:a随bs四ol摔ut腐e;z-糊in丢de质x:咐3;吓le而ft呜:2盟50劲px静;t更op幅:1腿0p醒x;wi豪dt阳h:溪18额0p伍x;异he通ig替ht灵:1虽50男px员;b独ac卡kg产ro负un错d-蒙co章lo衬r:吃#a冒bc结de曾f;路}#t傅hi叨rd华{po旦si片ti纸on裕:a圆bs跌ol或ut则e;轧ba伞ck台gr伏ou嘱nd掀-c幼ol俘or毕:#李fe宝dc房诚ba却;le症ft嘱:-坏20羽px滔;t挽op狗:5铺0p绒x;投}#f脾or搭th{po肢si热ti爬on嫩:a幼bs丝式ol彻ut榜e;z-凉in骡de板x:践2;钱le折ft迈:1错00烛px宿;t篇op摆:1热20超px洗;wi编dt吩h:揭18赞0p乳x;回he摸ig喘ht枪:1纠00泥px巧;冰ba喂ck材gr板ou读nd奏-c悄ol菠or妹:r颤ed孕;}</脾st圣yl种e>演示灯例7-京9对齐舱方式对齐遮方式祸属性樱用于茫设置脂元素貌的内调容在如作为良容器基的元稍素内揭部的售对齐村方式莲，有启水平脸方向割的对逐齐方堵式和租垂直冲方向某的对冷齐方占式。属性意义取值text-align元素中文本的水平对齐。可使用left、right、center、

justify。vertical-align设置行内元素在所在行上的垂直对齐方式，或用于设置单元格内容在单元格内的垂直对齐方式。常用的值有：baseline、topmiddle、bottom、text-top、

text-bottom、super、sub。ve丈rt鲜ic喊al牵-a削li孔gn<p失>这是

人人文库> 全部分类> 教育资料 > 课设设计

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论