課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
>作用于元素的第一個(gè)后代,有兩個(gè)<span>標(biāo)簽“的小女孩”為啥也在紅色邊框里?
2018-12-20
源自:初識HTML(5)+CSS(3)-升級版 8-6
正在回答
因?yàn)樾∨儆诙温?,作業(yè)于第一個(gè)后代的意思是不會(huì)給<span>部分再加一個(gè)邊框(如果作用于所有后代這部分會(huì)有那個(gè)邊框,一個(gè)是段落整體的,一個(gè)是? ”的小女孩“單獨(dú)的)。
因?yàn)樾∨儆诙温?,作業(yè)于第一個(gè)后代的意思是不會(huì)給<span>部分再加一個(gè)邊框(如果作用于所有后代這部分會(huì)有兩個(gè)邊框,一個(gè)是段落整體的,一個(gè)是? ”的小女孩“單獨(dú)的)。
css:
?#box1{
? width:200px;? /*div的寬*/
? height:200px;??/*div的高*/
? border:2px solid red;??/*div框架的寬度 實(shí)體樣式 顏色配置*/
?position:relative;??/*div的一種定位效果,“相對定位”他寫在box1中,意思是以box1 vid為父容器,box2的內(nèi)容將顯示在這個(gè)div里面,在box1里寫position:relative在box2里寫“絕對定位”position:absolute ,兩者需要達(dá)到相互交融的效果*/
?
?}
#box2{
? width:99%; /*div box2的寬度,用百分比來表示,內(nèi)容會(huì)自動(dòng)充滿*/
? position:absolute;??/*與box1里面的“相對定位”相互交融*/
?bottom:0px;/top:0px;/left:0px;/right:0px;??/*<span>里面的內(nèi)容的定位,隨便選擇一個(gè)*/
}
html:
<div id="box1">
?<div id="box2"><span>aaa</span>
?</div>
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答關(guān)于第一代元素
1 回答用于選擇指定標(biāo)簽元素的第一代子元素?
1 回答子選擇器僅是指它的直接后代,或者可以理解為作用于子元素的第一代后代。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進(jìn)行選擇,而子選擇器是通過“>”進(jìn)行選擇。 總結(jié):>作用于元素的第一代后代,空格作用于元素的所有后代。
1 回答第一代元素?
3 回答什么事元素的第一代后代,什么是元素的所有后代。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-12-20
因?yàn)樾∨儆诙温?,作業(yè)于第一個(gè)后代的意思是不會(huì)給<span>部分再加一個(gè)邊框(如果作用于所有后代這部分會(huì)有那個(gè)邊框,一個(gè)是段落整體的,一個(gè)是? ”的小女孩“單獨(dú)的)。
2018-12-20
因?yàn)樾∨儆诙温?,作業(yè)于第一個(gè)后代的意思是不會(huì)給<span>部分再加一個(gè)邊框(如果作用于所有后代這部分會(huì)有兩個(gè)邊框,一個(gè)是段落整體的,一個(gè)是? ”的小女孩“單獨(dú)的)。
2018-12-20
css:
?#box1{
? width:200px;? /*div的寬*/
? height:200px;??/*div的高*/
? border:2px solid red;??/*div框架的寬度 實(shí)體樣式 顏色配置*/
?position:relative;??/*div的一種定位效果,“相對定位”他寫在box1中,意思是以box1 vid為父容器,box2的內(nèi)容將顯示在這個(gè)div里面,在box1里寫position:relative在box2里寫“絕對定位”position:absolute ,兩者需要達(dá)到相互交融的效果*/
?
?}
#box2{
? width:99%; /*div box2的寬度,用百分比來表示,內(nèi)容會(huì)自動(dòng)充滿*/
? position:absolute;??/*與box1里面的“相對定位”相互交融*/
?bottom:0px;/top:0px;/left:0px;/right:0px;??/*<span>里面的內(nèi)容的定位,隨便選擇一個(gè)*/
}
html:
<div id="box1">
?<div id="box2"><span>aaa</span>
?</div>