真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

CSS中如何使用元素的顯示模式

這篇文章主要介紹了CSS中如何使用元素的顯示模式,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、管城網(wǎng)絡(luò)推廣、小程序設(shè)計、管城網(wǎng)絡(luò)營銷、管城企業(yè)策劃、管城品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供管城建站搭建服務(wù),24小時服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com

在CSS中,根據(jù)元素顯示模式的不同元素標(biāo)簽被分為了兩類:行內(nèi)元素(inline-level)、塊級元素(block-level)。

1,首先介紹什么是行內(nèi)元素,什么又是塊級元素?    

1.1,行內(nèi)元素就是不會獨占一行的元素,例如:span buis strong em ins del等

1.2,塊級元素就是會獨占一行的元素,例如:p div h ul ol dl li dt dd等

2,行內(nèi)元素與塊級元素有哪些區(qū)別?    

2.1,行內(nèi)元素不會獨占一行,而塊級元素會獨占一行;

2.2,行內(nèi)元素不能設(shè)置寬度和高度,它的寬度和高度會隨著文本的改變而該改變。塊級元素可以設(shè)置寬度和高度,

 如果沒有設(shè)置寬度和高度,在默認(rèn)情況下和父元素一樣寬,高度則為0;

2.3,下面這個實例就是通過給行內(nèi)元素span,塊級元素div設(shè)置樣式,來體現(xiàn)行內(nèi)和塊級的差異

 



    
    CSS元素的顯示模式


    我是span
    
        我是father
        我是son
    

CSS中如何使用元素的顯示模式

3,由于我們有的時候不僅要設(shè)置元素的寬度和高度,同時也希望元素不會獨占一行,這時就出現(xiàn)了行內(nèi)塊級元素(inline-block),常見的行內(nèi)塊級元素有//等?!?/p>

4,如何轉(zhuǎn)換CSS元素的顯示模式?  

4.1,設(shè)置元素的display屬性

4.2,display取值:inline(行內(nèi))、block(塊級)、inline-block(行內(nèi)塊級)

4.3,下面這個實例就是將span的顯示模式轉(zhuǎn)換為塊級,將div的顯示屬性轉(zhuǎn)換為行內(nèi)塊級,將img的顯示模式轉(zhuǎn)換為塊級




    
    CSS元素的顯示模式


    我是span
    
我是div
    

CSS中如何使用元素的顯示模式

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“CSS中如何使用元素的顯示模式”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!


分享標(biāo)題:CSS中如何使用元素的顯示模式
鏈接地址:http://weahome.cn/article/ieciod.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部