課時91.CSS元素顯示模式（掌握）

Drummor 發(fā)布于2019-04-23 13:36 / 2177人閱讀

摘要：所以我們要用到行內(nèi)塊級元素如標簽，既不獨占一行，又可以設(shè)置寬高

在HTML中HTML將所有的標簽分為兩類，分別是容器級和文本級

在CSS中CSS也將所有的標簽分為兩類，分別是塊級元素和行內(nèi)元素

1.什么是塊級元素，什么是行內(nèi)元素？

塊級元素會獨占一行

行內(nèi)元素不會獨占一行

塊級元素? ? ? ?容器級標簽都是塊級元素還要加上一個p

p? ?div? h? ul? ?ol? ?dl? ?li? dt? ?dd

行內(nèi)元素? ? ?文本級標簽都是行內(nèi)元素還要減去一個p

span? ?b? u? ?i? ?s? strong? ?em? ? ins? ? del

2.塊級元素和行內(nèi)元素的區(qū)別？

2.1塊級元素

獨占一行

如果沒有設(shè)置寬度，默認和父元素一樣寬，div的父元素是body，所以和body一樣寬

如果設(shè)置了寬高，那么就按照設(shè)置的來顯示

2.2行內(nèi)元素

不會獨占一行

如果沒有設(shè)置寬度，那么默認和內(nèi)容一樣

行內(nèi)元素是不可以設(shè)置寬度和高度的

從以上的實例可以看出來span是沒有辦法設(shè)置寬度和高度的

2.3行內(nèi)塊級元素

我們現(xiàn)在有一個需求：想要不獨占一行，又能設(shè)置跨度和高度，應(yīng)該怎么做呢？

如果用塊級元素，必須獨占一行才能設(shè)置寬高，如果用行內(nèi)元素，不獨占一行，卻不能設(shè)置寬高。

所以我們要用到行內(nèi)塊級元素

如img標簽，既不獨占一行，又可以設(shè)置寬高

云服務(wù)器 GPU云服務(wù)器元素顯示 js實現(xiàn)元素顯示 js實現(xiàn)元素隱藏顯示課時

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

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

相關(guān)文章

課時92.CSS元素顯示模式轉(zhuǎn)換（掌握）

摘要：我們之前學習的顯示模式都可以不用記憶，因為這節(jié)課我們要學習轉(zhuǎn)換，我們可以任意來進行一個轉(zhuǎn)換的，上面這些東西有一個了解就行了。如何轉(zhuǎn)換元素的顯示模式設(shè)置元素的屬性的值塊級行內(nèi)行內(nèi)塊級快捷鍵我們之前學習的顯示模式都可以不用記憶，因為這節(jié)課我們要學習轉(zhuǎn)換，我們可以任意來進行一個轉(zhuǎn)換的，上面這些東西有一個了解就行了。所有的標簽都有一個屬性叫做display，display的中文含義就是顯示的意思。 ...

hyuan 2019-04-23 13:36 評論0 收藏0
我是如何學習游戲引擎的？

摘要：下面列舉了游戲開發(fā)中常見的崗位以及兩條常見的協(xié)作開發(fā)的流水線其實學習游戲引擎，前期對于任何崗位來說路線都是相似的，基本上就是一個熟悉基本操作理解基本概念拓展專業(yè)知識的過程。當然這不是絕對的，任何引擎的開始階段和大成階段都是相似的。這是【游戲開發(fā)那些事】第51篇原創(chuàng) 前言：游戲引擎，表面...

未東興 2021-09-30 09:48 評論0 收藏0
課時44.表單標簽-input（掌握）

摘要：什么是表單表單是專門用收集用戶信息的什么是表單元素什么是元素在中，標簽標記元素都是指中的標簽例如標簽標記元素表單元素其實還是中的一些標簽，只不過這些標簽比較特殊，在瀏覽器中所有的表單標簽都有特殊的外觀和默認的功能表單的格式表單元素常見的表單1.什么是表單？表單是專門用收集用戶信息的 2.什么是表單元素？ 2.1什么是元素？在HTML中，標簽/標記/元素都是指HTML中的標簽例如： a標...

everfly 2019-04-23 13:39 評論0 收藏0
課時90.div和span（掌握）

摘要：和都可以把信息獨立稱一個小小都區(qū)域。有的人在這里用，這里不推薦，因為是用于和表單元素進行綁定的，它和表單元素搭配使用的。和有什么區(qū)別會單獨的占一行，而不會單獨占一行。是一個容器級別的標簽，而是一個文本級別的標簽。為什么在這里講解div和span呢，而不在html中講解呢？因為在我們的開發(fā)中div和span一般是配合css來使用的，來完成一定的效果，來設(shè)置一些屬性，在前面我們沒有學習css，...

Yuqi 2019-04-23 13:36 評論0 收藏0
課時72.子元素選擇器（掌握）

摘要：什么是子元素選擇器作用找到指定標簽中所有特定的直接子元素，然后設(shè)置屬性。子元素選擇器可以通過符號一知延續(xù)下去1.什么是子元素選擇器？作用：找到指定標簽中所有特定的直接子元素，然后設(shè)置屬性。格式：標簽名稱1>標簽名稱2{ ? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值； } 先找到名稱叫做標簽名稱1的標簽，然后在這個標簽中查找所有直接子元素名稱叫做標準名稱2的元素 ?? 注意...

Bowman_han 2019-04-23 13:37 評論0 收藏0