国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

css雜項補充

greatwhole / 2977人閱讀

摘要:雜項補充雜項補充一塊與內聯一塊與內聯塊塊獨行顯示支持寬高,寬度默認適應父級,高度默認由子級或內容撐開設置寬高后,采用設置的寬高內聯內聯同行顯示不支持寬高上下無效果,左右會起作用,不會影響它的高度,背景會影響。

css雜項補充

一、塊與內聯

1.塊

  • 獨行顯示
  • 支持寬高,寬度默認適應父級,高度默認由子級或內容撐開
  • 設置寬高后,采用設置的寬高

2.內聯

  • 同行顯示
  • 不支持寬高
  • margin上下無效果,左右會起作用,padding不會影響它的高度,背景會影響。
  • 一般不設置內聯的margin和padding

3.內聯塊

  • 同行顯示,之間有間距(間距產生原因是空格)
  • 支持寬高,寬高由內容撐開
  • 可以設置寬高,設置其中一個,另一個等比縮放

二、屬性補充

1.overflow

指定內容溢出元素的框,會發生什么。

描述
visible 默認值
hidden 內容被修剪,超出內容不可見
scroll 內容被修剪,滾動條顯示
auto 如果內容超出,便修剪,滾動條顯示
inherit 從父元素繼承

三、隱藏

盒子之間會相互影響,可以設置隱藏

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

background-color: transparent;

盒子還在,內容或子級標簽會被顯示,例如盒子中有文本,盒子被隱藏,文本會被顯示

2.以盒子透明度隱藏

opacity: 0;
值:0~1

盒子真正意義上透明,但盒子區域占位還在

3.display

display:none;

將盒子從文檔中移除,盒子的區域占位消失,當盒子重新獲得顯示時,該盒子依舊從消失位置顯示。

四、畫圖

1.畫梯形

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; }

通過設置邊框實現

2.畫三角形

.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;
}

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/1752.html

相關文章

  • Linux——Linux驅動之雜項設備(基本概念、注冊流程、雜項設備的驅動編寫)

    摘要:系列專欄博主結合工作實踐輸出的,解決實際問題的專欄,朋友們看過來開發實戰嵌入式通用開發實戰嵌入式開發實戰 【系列專欄】:博主結合工作實踐輸出的,解決實際問題的專欄,朋友們看過來! 《QT開發實戰》 《嵌入式通用開發實戰》 《嵌入式Linux開發實戰

    ISherry 評論0 收藏0
  • 雜項】IntelliJ IDEA 安裝

    摘要:安裝使用全稱,是編程語言開發的集成環境。同時該軟件也支持多系統或者也完全支持該軟件的使用筆者使用同時兩版軟件都支持安裝版和解壓版的使用。 IntelliJ IDEA 安裝使用 IDEA 全稱 IntelliJ IDEA,是java編程語言開發的集成環境。相信玩Java的猿們都不會錯過的一款IDE,不過話是這樣說,我自己也是從Eclipse神器轉到Idea上來的,因此偏愛哪款IDE完全憑...

    vboy1010 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<