成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

css雜項(xiàng)補(bǔ)充

greatwhole / 2976人閱讀

摘要：雜項(xiàng)補(bǔ)充雜項(xiàng)補(bǔ)充一塊與內(nèi)聯(lián)一塊與內(nèi)聯(lián)塊塊獨(dú)行顯示支持寬高，寬度默認(rèn)適應(yīng)父級(jí)，高度默認(rèn)由子級(jí)或內(nèi)容撐開(kāi)設(shè)置寬高后，采用設(shè)置的寬高內(nèi)聯(lián)內(nèi)聯(lián)同行顯示不支持寬高上下無(wú)效果，左右會(huì)起作用，不會(huì)影響它的高度，背景會(huì)影響。

css雜項(xiàng)補(bǔ)充

一、塊與內(nèi)聯(lián)

1.塊

  • 獨(dú)行顯示
  • 支持寬高，寬度默認(rèn)適應(yīng)父級(jí)，高度默認(rèn)由子級(jí)或內(nèi)容撐開(kāi)
  • 設(shè)置寬高后，采用設(shè)置的寬高

2.內(nèi)聯(lián)

  • 同行顯示
  • 不支持寬高
  • margin上下無(wú)效果，左右會(huì)起作用，padding不會(huì)影響它的高度，背景會(huì)影響。
  • 一般不設(shè)置內(nèi)聯(lián)的margin和padding

3.內(nèi)聯(lián)塊

  • 同行顯示，之間有間距(間距產(chǎn)生原因是空格)
  • 支持寬高，寬高由內(nèi)容撐開(kāi)
  • 可以設(shè)置寬高，設(shè)置其中一個(gè)，另一個(gè)等比縮放

二、屬性補(bǔ)充

1.overflow

指定內(nèi)容溢出元素的框，會(huì)發(fā)生什么。

值 描述
visible 默認(rèn)值
hidden 內(nèi)容被修剪，超出內(nèi)容不可見(jiàn)
scroll 內(nèi)容被修剪，滾動(dòng)條顯示
auto 如果內(nèi)容超出，便修剪，滾動(dòng)條顯示
inherit 從父元素繼承

三、隱藏

盒子之間會(huì)相互影響，可以設(shè)置隱藏

1.以背景顏色透明度隱藏(了解)

background-color: transparent;

盒子還在，內(nèi)容或子級(jí)標(biāo)簽會(huì)被顯示，例如盒子中有文本，盒子被隱藏，文本會(huì)被顯示

2.以盒子透明度隱藏

opacity: 0;
值:0~1

盒子真正意義上透明，但盒子區(qū)域占位還在

3.display

display:none;

將盒子從文檔中移除，盒子的區(qū)域占位消失，當(dāng)盒子重新獲得顯示時(shí)，該盒子依舊從消失位置顯示。

四、畫(huà)圖

1.畫(huà)梯形

html:



css:
.bd {
    width: 100px;
    height: 100px;
    background-color: transparent;
}
.bd {
    /*border: 50px solid orange;*/
    border-top: 50px solid orange;
    /*border-right: 50px solid cyan;*/
    /*border-bottom: 50px solid yellow;*/
    /*border-left: 50px solid blue;*/
    border-right: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
}

通過(guò)設(shè)置邊框?qū)崿F(xiàn)

2.畫(huà)三角形

.bd {
    width: 0;
    height: 0;
}
.bd {
    border-top: 50px solid orange;
    border-right: 50px solid cyan;
    border-bottom: 50px solid yellow;
    border-left: 50px solid blue;
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1752.html

相關(guān)文章

  • Linux——Linux驅(qū)動(dòng)之雜項(xiàng)設(shè)備（基本概念、注冊(cè)流程、雜項(xiàng)設(shè)備的驅(qū)動(dòng)編寫(xiě)）

    摘要：系列專(zhuān)欄博主結(jié)合工作實(shí)踐輸出的，解決實(shí)際問(wèn)題的專(zhuān)欄，朋友們看過(guò)來(lái)開(kāi)發(fā)實(shí)戰(zhàn)嵌入式通用開(kāi)發(fā)實(shí)戰(zhàn)嵌入式開(kāi)發(fā)實(shí)戰(zhàn) 【系列專(zhuān)欄】：博主結(jié)合工作實(shí)踐輸出的，解決實(shí)際問(wèn)題的專(zhuān)欄，朋友們看過(guò)來(lái)！ 《QT開(kāi)發(fā)實(shí)戰(zhàn)》 《嵌入式通用開(kāi)發(fā)實(shí)戰(zhàn)》 《嵌入式Linux開(kāi)發(fā)實(shí)戰(zhàn)

    ISherry 評(píng)論0 收藏0

  • 【雜項(xiàng)】IntelliJ IDEA 安裝

    摘要：安裝使用全稱(chēng)，是編程語(yǔ)言開(kāi)發(fā)的集成環(huán)境。同時(shí)該軟件也支持多系統(tǒng)或者也完全支持該軟件的使用筆者使用同時(shí)兩版軟件都支持安裝版和解壓版的使用。 IntelliJ IDEA 安裝使用 IDEA 全稱(chēng) IntelliJ IDEA，是java編程語(yǔ)言開(kāi)發(fā)的集成環(huán)境。相信玩Java的猿們都不會(huì)錯(cuò)過(guò)的一款I(lǐng)DE，不過(guò)話(huà)是這樣說(shuō)，我自己也是從Eclipse神器轉(zhuǎn)到Idea上來(lái)的，因此偏愛(ài)哪款I(lǐng)DE完全憑...

    vboy1010 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<