塊級(jí)元素設(shè)置寬高css子塊級(jí)元素會(huì)繼承父塊級(jí)元素的寬高嗎?-創(chuàng)新互聯(lián)

css子塊級(jí)元素會(huì)繼承父塊級(jí)元素的寬高嗎?CSS子塊級(jí)元素不會(huì)繼承父塊級(jí)元素的寬度和高度。當(dāng)width屬性的值設(shè)置為auto時(shí),塊級(jí)元素的內(nèi)容區(qū)域的寬度取決于是否顯式設(shè)置了左側(cè)和右側(cè)外部邊距的值。如果左、右外頁(yè)邊距均為“自動(dòng)”,則左、右外頁(yè)邊距的值將重置為默認(rèn)值0;如果左、右外頁(yè)邊距中只有一個(gè)為“自動(dòng)”,則該值將重置為0,另一個(gè)值將有效;如果左、右外頁(yè)邊距都設(shè)置了特定值,則兩個(gè)值都將有效必須有效。此時(shí),元素內(nèi)容區(qū)域的寬度是父元素的值減去左、右外邊距。需要注意的是,左邊距和右邊距的默認(rèn)值是0,這意味著如果CSS規(guī)則中沒有聲明左邊距或右邊距,它們將使用默認(rèn)值0。當(dāng)width屬性的值設(shè)置為大于0的值時(shí),塊級(jí)元素內(nèi)容區(qū)域的寬度是由width屬性設(shè)置的值。此時(shí),如果左、右外頁(yè)邊距的值為“自動(dòng)”,則塊級(jí)元素將在其父元素中居中;如果左、右外頁(yè)邊距只有一個(gè)值為“自動(dòng)”,則顯式設(shè)置的值將有效,且“自動(dòng)”值將自動(dòng)適應(yīng)剩余的寬度;如果設(shè)置了左、右外邊距的顯式值,則在從左到右讀取的語(yǔ)言中,右外邊距的值將重置為自動(dòng)。塊級(jí)元素設(shè)置寬高 css子塊級(jí)元
素會(huì)繼承父塊級(jí)元素的寬高嗎?CSS內(nèi)聯(lián)元素可以設(shè)置寬度和高度?請(qǐng)解釋下內(nèi)聯(lián)元素和塊級(jí)元素的區(qū)別吧?

內(nèi)聯(lián)元素可以設(shè)置高度和寬度。內(nèi)聯(lián)和塊級(jí)的主要區(qū)別是塊級(jí)元素會(huì)獨(dú)占一行,這更霸道,而內(nèi)聯(lián)元素則不會(huì)。這是一種相對(duì)薄弱的存在。

創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的河津網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!行內(nèi)元素,塊級(jí)元素,行內(nèi)塊級(jí)元素之間的區(qū)別是什么?如何轉(zhuǎn)換?

通過修改CSS屬性display屬性,可以將兩者相互轉(zhuǎn)換。設(shè)置顯示:行元素上的塊可以將其轉(zhuǎn)換為塊級(jí)元素。其實(shí),本質(zhì)就是把它包起來(lái)。類似地,在塊級(jí)元素上設(shè)置display:inline允許將其轉(zhuǎn)換為inline元素。

下面的屏幕截圖是一個(gè)示例:

此代碼不會(huì)在標(biāo)記&Lthr>前面設(shè)置轉(zhuǎn)換。默認(rèn)情況下,<A>和<input>標(biāo)記是內(nèi)嵌元素,<h1>標(biāo)記是塊級(jí)元素。它們的顯示效果如下:

您可以看到,超鏈接和輸入框在水平線之前的同一行上,而一堆黑色的大字和水平線在下一行上。這是因?yàn)槟J(rèn)的<A>和<input>標(biāo)記是行內(nèi)元素,而<h1>和&Lthr>標(biāo)記是塊級(jí)元素。在圖中的水平線下,您可以找到一行超鏈接,因?yàn)槲覍⑵湓O(shè)置為塊級(jí)元素,而大黑色字符和輸入框位于同一行,因?yàn)槲覍⒋蠛谏址?lth1>標(biāo)簽設(shè)置為內(nèi)嵌元素。請(qǐng)參見第一個(gè)圖中的代碼。

寫在這里,我相信你應(yīng)該了解行元素和塊級(jí)元素。

名稱欄目:塊級(jí)元素設(shè)置寬高css子塊級(jí)元素會(huì)繼承父塊級(jí)元素的寬高嗎?-創(chuàng)新互聯(lián)
分享網(wǎng)址:http://muchs.cn/article18/ddhdgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)軟件開發(fā)、面包屑導(dǎo)航App開發(fā)、Google、關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)