web前端 div和span標籤

2021-08-16 08:57:00 字數 941 閱讀 2157

div和span標籤都是用來幫助頁面進行排版的,它們兩個沒有自己的語意。

div:塊級元素,所謂的塊級元素,就是可以通過css設定寬高等一些大小的樣式,這樣的元素標籤稱為塊級元素。塊級元素的特點是自己佔一整行。如果再寫其它標籤,那麼其它標籤會顯示在它的下面。

div的寬度預設是整個瀏覽器的寬度,這個寬度是從body標籤繼承過來的。

span:行內元素,不能通過css設定具體的寬高等樣式的標籤元素稱為行內元素。行內元素的特點是標籤內的內容是多大它就是多大,而且不會佔一整行。

例子:

html

>

<

html

lang=

"zh-cn"

>

<

head

>

<

meta

charset=

"utf-8"

>

<

title

>

標籤title

>

<

style

>

* style

>

head

>

<

body

>

<

div>

卡特琳娜

div>

<

div>

蓋倫div

>

<

span

>

暴走蘿莉

span

>

<

span

>

齊天大聖

Div和Span標籤顯示與隱藏

本例項中,學習jquery的知識,顯示與隱藏網頁上的div或是span標籤。實際環境中,也許是根據某些條件進行,符合條件時,對某個或是某個div或是span標籤時行顯示與隱藏。主要是學習jquery的函式與語法,在網頁中放置乙個銨鈕,使用者點一點隱藏或顯示。還放置了乙個div標籤和乙個span標籤。...

前端id屬性和span標籤

1.頁面中的id一般是唯一的 不可重複 2.id的命名規則 因公司而異。按照谷歌 風格指南的說法 id和class名字有多單詞組合的用短破折號 分開。別在選擇器名字裡用短破折號 以外的連線詞 包括啥也沒有 以增進對名字的理解和查詢。不推薦 demo 和 image 中間沒加 demoimage 不推...

div和span的標籤屬性及說明

1.什麼是div 塊元素 作用 一般用於配合css完成網頁的基本布局。2.什麼是span 行內元素 作用 一般使用者配合css修改網頁中的一些區域性資訊。3.div 和 span 的區別 1.div 會單獨的占領一行,span不會單獨的占有一行。2.div 是乙個容器級的標籤,而span是乙個文本級...