網(wǎng)頁(yè)設計中的對象插入規則

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

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

system {display: table;}

name, moons (display: table-cell;}

<systera>

<name>Mercury</name>

<moons>0</moons>

</system>

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

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

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對象中,該對象插入到該組單元格和相應Planet元素之間。

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

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對象。這個(gè)對象將包含這兩個(gè)planet元素,因為它們是連續兄弟。

3、如果一個(gè)table-column元素的父元素不是table、inline-table或table-column-group元素,則在該table-column元素及其父元素之間插入一個(gè)匿名table元素。這與前面討論的table-row元素的相應規則很相似,只不過(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對象。這個(gè)匿名對象將包含該子元素的所有不是table-row-group、table-header-group、table- footer-group、table-row或table-caption元素的連續兄弟,考慮以下樣式和標記:

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對象。planet元素未包含在這個(gè)匿名對象中,因為其display值為table-row。

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

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)站建設的各組name和moons元素都包含在一個(gè)匿名table-row元素中。第二組name和moons元素與system之間之所以插入匿名table-row元素,是根據規則5完成的。對于第一組,匿名對象插入到planet元素和其子元素之間,因為planet元素是一個(gè)table-row-group元素。

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

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對象。

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

<system>

<planet>

<name>Mercury</name>0

</planet>

</system>

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

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對象中。

當前文章標題:網(wǎng)頁(yè)設計中的對象插入規則

當前URL:http://amzcoolest.com/news/wzzz/objects-inserted-rules.html

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

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

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看