<center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>

    網(wǎng)頁(yè)設(shè)計(jì)中的對(duì)象插入規(guī)則

    • 2019-05-14 11:19:44
    • 閱讀次數(shù):
    • 作者:盈嵐科技小編
    • 來(lái)源:http://www.ww44088.com

    1、網(wǎng)站建設(shè)中,如果一個(gè)table-cell元素的父元素不是table-row元素,則會(huì)在該table-cell 元素及其父元素之間插入一個(gè)匿名table-row對(duì)象。所插入的這個(gè)對(duì)象將包含該table-cell元素的所有連續(xù)兄弟,考慮以下樣式和標(biāo)記:

    system {display: table;}

    name, moons (display: table-cell;}

    <systera>

    <name>Mercury</name>

    <moons>0</moons>

    </system>

    在單元格元素(table-cell)和system元素之間插入了一個(gè)匿名table-row對(duì)象,它包含name和moons元素。

    即使父元素是table-row-group,這個(gè)規(guī)則也同樣成立。擴(kuò)展這個(gè)例子,假設(shè)應(yīng)用以下樣式:

    system {display: table;}

    planet {display: table-row-group;}

    name, moons {display: table-cell}

    <system>

    <planet>

    <name>Mercury</name>

    <moons>0</moons>

    </planet>

    <planet>

    <name>Venus</name>

    <moons>0</moons>

    </planet>

    </syscem>

    在這個(gè)例子中,兩組單元格都包含在一個(gè)匿名table-row對(duì)象中,該對(duì)象插入到該組單元格和相應(yīng)Planet元素之間。

    2、如果一個(gè)table-row元素的父元素不是table、inline-table或table-row-group元素,則會(huì)在該table-row元素及其父元素之間插入一個(gè)匿名table元素。網(wǎng)站建設(shè)人員插入的這個(gè)對(duì)象將包含該table-row元素的所有連續(xù)兄弟。考慮以下樣式和標(biāo)記:

    docbody{display: block;}

    planet {display: table-row;}

    <docbody>

    <planet>

    <narae>Mercury</name>

    <moons>0</moons>

    </planet>

    <planet>

    <name>Venus</name>

    <moons>0</moons>

    </planet>

    </docbody>

    由于planet元素的父元素的display值為block,所以會(huì)在planet元素和docbody元素之間插入匿名table對(duì)象。這個(gè)對(duì)象將包含這兩個(gè)planet元素,因?yàn)樗鼈兪沁B續(xù)兄弟。

    3、如果一個(gè)table-column元素的父元素不是table、inline-table或table-column-group元素,則在該table-column元素及其父元素之間插入一個(gè)匿名table元素。這與前面討論的table-row元素的相應(yīng)規(guī)則很相似,只不過(guò)這里是面向列的。

    4、如果一個(gè)table-row-group、table-header-group、table-footer-group、table-coliunn-group或tdble-caption元素的父元素不是table元素,則會(huì)在該元素及其父元素之間插入一個(gè)匿名table元素。

    5、如果一個(gè)table或inline-table元素的子元素不是table-row-group、table-header-group、table-footer-groyp、table-row或table-caption元素,則在該table元素與其子元素之間插入一個(gè)匿名table-row對(duì)象。這個(gè)匿名對(duì)象將包含該子元素的所有不是table-row-group、table-header-group、table- footer-group、table-row或table-caption元素的連續(xù)兄弟,考慮以下樣式和標(biāo)記:

    system {display; table;}

    planet {display: table-row;}

    name, moons {display: table-cell;}

    <system>

    <planet>

    <name>Mercury</nanie>

    <moons>0</moons>

    </planet>

    <name>Venus</name>

    <moons>0</moons>

    </system>

    這里,在system元素和第二組name和moons元素之間插入了一個(gè)匿名table-row對(duì)象。planet元素未包含在這個(gè)匿名對(duì)象中,因?yàn)槠鋎isplay值為table-row。

    6、如果一個(gè)table-row-group、table-header-group或table-footer-group元素的子元素不是table-row元素,網(wǎng)站建設(shè)人員則在該元素及其子元素之間插入一個(gè)匿名table-row對(duì)象。這個(gè)匿名對(duì)象包含該子元素的所有本身非table-row對(duì)象的連續(xù)兄弟。考慮以下樣式和標(biāo)記

    system {display: table;}

    planet {display: table-row-group;}

    name, moons {display: Cable-cell;}

    <system>

    <planet>

    <name>Mercury</name>

    <moons>0</moons>

    </planet>

    <name>Venus</name>

    <moons>0</moons>

    </system>

    在這里,網(wǎng)站建設(shè)的各組name和moons元素都包含在一個(gè)匿名table-row元素中。第二組name和moons元素與system之間之所以插入匿名table-row元素,是根據(jù)規(guī)則5完成的。對(duì)于第一組,匿名對(duì)象插入到planet元素和其子元素之間,因?yàn)閜lanet元素是一個(gè)table-row-group元素。

    7、如果一個(gè)table-row元素的子元素不是table-cell元素,則在該元素和其子元素之間插入一個(gè)匿名table-cell對(duì)象。這個(gè)匿名對(duì)象包含該子元素的所有本身非table-cell元素的連續(xù)兄弟。考慮以下樣式和標(biāo)記:

    system {display: table;}

    planet {display: table-row;}

    name, moons {display: table-cellj}

    <system>

    <planet>

    <name>Mercury</name〉

    <num>0</num>

    </planet>

    </system>

    由于元素num沒(méi)有與表有關(guān)的display值,將在planet元素和num元素之間插入一個(gè)匿名table-cell對(duì)象。

    這種行為還會(huì)擴(kuò)展到匿名行內(nèi)框。假設(shè)未包含num元素:

    <system>

    <planet>

    <name>Mercury</name>0

    </planet>

    </system>

    0仍將包含在匿名table-cell對(duì)象中,為了進(jìn)一步說(shuō)明這一點(diǎn),來(lái)看一個(gè)選自CSS規(guī)范的例子:

    example {display: table-cell;}

    row {display: table-row;}

    h1 {font-weight: 900;}

    <example>

    <roW>This is the <hi>top</hi> row.</row>

    <row>This is the <hi>bottom</hi> row.</row>

    </example>

    在每個(gè)row元素中,文本片段和hi元素都包含在一個(gè)匿名table-cell對(duì)象中。

    當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)中的對(duì)象插入規(guī)則

    當(dāng)前URL:http://www.ww44088.com/news/wzzz/objects-inserted-rules.html

    上一篇:網(wǎng)頁(yè)設(shè)計(jì)中的匿名表對(duì)象

    下一篇:網(wǎng)頁(yè)設(shè)計(jì)中的表層

    網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))
    亚洲bt欧美bt中文字幕,囯产剧情亚洲精品无码一页,国产欧美va欧美va香蕉在,国产激情久久99久久 亚洲国产视频95 婷婷六月在线视频中文字幕
    <center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>