摘要:所以我們要用到行內(nèi)塊級(jí)元素如標(biāo)簽,既不獨(dú)占一行,又可以設(shè)置寬高
在HTML中HTML將所有的標(biāo)簽分為兩類,分別是容器級(jí)和文本級(jí)
在CSS中CSS也將所有的標(biāo)簽分為兩類,分別是塊級(jí)元素和行內(nèi)元素
1.什么是塊級(jí)元素,什么是行內(nèi)元素?
塊級(jí)元素會(huì)獨(dú)占一行
行內(nèi)元素不會(huì)獨(dú)占一行
塊級(jí)元素? ? ? ?容器級(jí)標(biāo)簽都是塊級(jí)元素還要加上一個(gè)p
p? ?div? h? ul? ?ol? ?dl? ?li? dt? ?dd
行內(nèi)元素? ? ?文本級(jí)標(biāo)簽都是行內(nèi)元素還要減去一個(gè)p
span? ?b? u? ?i? ?s? strong? ?em? ? ins? ? del
2.塊級(jí)元素和行內(nèi)元素的區(qū)別?
2.1塊級(jí)元素
獨(dú)占一行
如果沒(méi)有設(shè)置寬度,默認(rèn)和父元素一樣寬,div的父元素是body,所以和body一樣寬
如果設(shè)置了寬高,那么就按照設(shè)置的來(lái)顯示
2.2行內(nèi)元素
不會(huì)獨(dú)占一行
如果沒(méi)有設(shè)置寬度,那么默認(rèn)和內(nèi)容一樣
行內(nèi)元素是不可以設(shè)置寬度和高度的
從以上的實(shí)例可以看出來(lái)span是沒(méi)有辦法設(shè)置寬度和高度的
2.3行內(nèi)塊級(jí)元素
我們現(xiàn)在有一個(gè)需求:想要不獨(dú)占一行,又能設(shè)置跨度和高度,應(yīng)該怎么做呢?
如果用塊級(jí)元素,必須獨(dú)占一行才能設(shè)置寬高,如果用行內(nèi)元素,不獨(dú)占一行,卻不能設(shè)置寬高。
所以我們要用到行內(nèi)塊級(jí)元素
如img標(biāo)簽,既不獨(dú)占一行,又可以設(shè)置寬高
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/2101.html
摘要:我們之前學(xué)習(xí)的顯示模式都可以不用記憶,因?yàn)檫@節(jié)課我們要學(xué)習(xí)轉(zhuǎn)換,我們可以任意來(lái)進(jìn)行一個(gè)轉(zhuǎn)換的,上面這些東西有一個(gè)了解就行了。如何轉(zhuǎn)換元素的顯示模式設(shè)置元素的屬性的值塊級(jí)行內(nèi)行內(nèi)塊級(jí)快捷鍵我們之前學(xué)習(xí)的顯示模式都可以不用記憶,因?yàn)檫@節(jié)課我們要學(xué)習(xí)轉(zhuǎn)換,我們可以任意來(lái)進(jìn)行一個(gè)轉(zhuǎn)換的,上面這些東西有一個(gè)了解就行了。所有的標(biāo)簽都有一個(gè)屬性叫做display,display的中文含義就是顯示的意思。 ...
摘要:下面列舉了游戲開(kāi)發(fā)中常見(jiàn)的崗位以及兩條常見(jiàn)的協(xié)作開(kāi)發(fā)的流水線其實(shí)學(xué)習(xí)游戲引擎,前期對(duì)于任何崗位來(lái)說(shuō)路線都是相似的,基本上就是一個(gè)熟悉基本操作理解基本概念拓展專業(yè)知識(shí)的過(guò)程。當(dāng)然這不是絕對(duì)的,任何引擎的開(kāi)始階段和大成階段都是相似的。 這是【游戲開(kāi)發(fā)那些事】第51篇原創(chuàng) 前言:游戲引擎,表面...
摘要:什么是表單表單是專門用收集用戶信息的什么是表單元素什么是元素在中,標(biāo)簽標(biāo)記元素都是指中的標(biāo)簽例如標(biāo)簽標(biāo)記元素表單元素其實(shí)還是中的一些標(biāo)簽,只不過(guò)這些標(biāo)簽比較特殊,在瀏覽器中所有的表單標(biāo)簽都有特殊的外觀和默認(rèn)的功能表單的格式表單元素常見(jiàn)的表單1.什么是表單? 表單是專門用收集用戶信息的 2.什么是表單元素? 2.1什么是元素? 在HTML中,標(biāo)簽/標(biāo)記/元素都是指HTML中的標(biāo)簽 例如: a標(biāo)...
摘要:和都可以把信息獨(dú)立稱一個(gè)小小都區(qū)域。有的人在這里用,這里不推薦,因?yàn)槭怯糜诤捅韱卧剡M(jìn)行綁定的,它和表單元素搭配使用的。和有什么區(qū)別會(huì)單獨(dú)的占一行,而不會(huì)單獨(dú)占一行。是一個(gè)容器級(jí)別的標(biāo)簽,而是一個(gè)文本級(jí)別的標(biāo)簽。為什么在這里講解div和span呢,而不在html中講解呢? 因?yàn)樵谖覀兊拈_(kāi)發(fā)中div和span一般是配合css來(lái)使用的,來(lái)完成一定的效果,來(lái)設(shè)置一些屬性,在前面我們沒(méi)有學(xué)習(xí)css,...
摘要:什么是子元素選擇器作用找到指定標(biāo)簽中所有特定的直接子元素,然后設(shè)置屬性。子元素選擇器可以通過(guò)符號(hào)一知延續(xù)下去1.什么是子元素選擇器? 作用:找到指定標(biāo)簽中所有特定的直接子元素,然后設(shè)置屬性。 格式: 標(biāo)簽名稱1>標(biāo)簽名稱2{ ? ? ? ? ? ? ? ? ? ? ? ? ?屬性:值; } 先找到名稱叫做標(biāo)簽名稱1的標(biāo)簽,然后在這個(gè)標(biāo)簽中查找所有直接子元素名稱叫做標(biāo)準(zhǔn)名稱2的元素 ?? 注意...
閱讀 1688·2021-09-24 10:38
閱讀 1566·2021-09-22 15:15
閱讀 3129·2021-09-09 09:33
閱讀 954·2019-08-30 11:08
閱讀 697·2019-08-30 10:52
閱讀 1304·2019-08-30 10:52
閱讀 2400·2019-08-28 18:01
閱讀 583·2019-08-28 17:55