<abbr id="1749w"></abbr>

<ruby id="1749w"></ruby><ruby id="1749w"><thead id="1749w"></thead></ruby>

<s id="1749w"></s>

歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng)，寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)！　　　　　咨詢(xún)熱線(xiàn)：13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗，900家客戶(hù)的選擇，值得信賴(lài)！

您的位置：

首頁(yè) >> 知識中心 >> 網(wǎng)頁(yè)設計知識

關(guān)于CSS之block和inline屬性

作者：佚名發(fā)布時(shí)間：2011-08-12 瀏覽：2156次

概述
所有的HTML元素都屬于block和inline之一。

block元素特點(diǎn)
總是在新行上開(kāi)始；
高度，行高以及頂和底邊距都可控制；
寬度缺省是它的容器的100%，除非設定一個(gè)寬度

,

,

,
,
和
是塊元素的例子。

display:block;
是讓對象成為塊級元素(比如a，span等)
display有很多對象，具體可以參考W3C的介紹
一般都是用display:none和display:block來(lái)控制層的顯示

對于 HTML 等文檔類(lèi)型，如果使用 display 不謹慎會(huì )很危險，因為可能違反 HTML 中已經(jīng)定義的顯示層次結構。對于 XML，由于 XML 沒(méi)有內置的這種層次結構，所有 display 是絕對必要的。

inline元素的特點(diǎn)是
和其他元素都在一行上；
高，行高及頂和底邊距不可改變；
寬度就是它的文字或圖片的寬度，不可改變。
, , , , , 和是inline元素的例子。

有什么用
用display: inline 或display: block命令就可以改變一個(gè)元素的這一特性。什么時(shí)候需要改變這一屬性呢？
讓一個(gè)inline元素從新行開(kāi)始；
讓塊元素和其他元素保持在一行上；
控制inline元素的寬度（對導航條特別有用）；
控制inline元素的高度；
無(wú)須設定寬度即可為一個(gè)塊元素設定與文字同寬的背景色。

上一篇：多條件asp+sql搜索代碼
下一篇: 網(wǎng)頁(yè)META標簽內容寫(xiě)作規范要點(diǎn)

溫馨提示：如有疑問(wèn)，可免費咨詢(xún)世紀網(wǎng)絡(luò )在線(xiàn)客服，或撥打世紀網(wǎng)絡(luò )熱線(xiàn)0917-3535180，我們會(huì )從專(zhuān)業(yè)的角度認真解答。
聲　　明：本站部分信息來(lái)自網(wǎng)絡(luò )，僅供參考，不作為世紀網(wǎng)絡(luò )業(yè)務(wù)依據，不希望被轉載的媒體或個(gè)人可與我們聯(lián)系，我們將立即進(jìn)行刪除，詳情咨詢(xún)客服。世紀網(wǎng)絡(luò )是一家專(zhuān)注于網(wǎng)站建設、SEO優(yōu)化、網(wǎng)站優(yōu)化、網(wǎng)站托管、網(wǎng)絡(luò )推廣、軟件開(kāi)發(fā)的網(wǎng)絡(luò )公司,10年建站歷程,擁有900多家客戶(hù)案例,值得信賴(lài)！