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是乙個文本級...