css教程 網頁中Span和Div的區別

2022-09-25 22:09:22 字數 633 閱讀 4056

html只是賦予內容的手段,大部分html標籤都有其意義(標籤p建立段落,h1標籤建立標題等等)的,然而span和div標籤似乎沒有任何內容上的意義,聽起來就像乙個泡沫做成的錘子一樣無用。但實際上,與css結合起來後,它們被用得十分廣泛。

它們被用來組合一大塊的html**並賦予一定的資訊,大部分用類屬性class和標識aqtspcxf屬性id與元素聯絡起來,見css中級指南的類和id選擇符。

span和div的不同之處在於span是內聯的,用在一小塊的內聯html中,而div(想想division是什麼意思)元素是塊級的(簡單地說,它等同於其前後有斷行),用於組合一大塊的**。

this is crazy&www.cppcns.comlt;/p>

在實踐中,div,特別是span不應該濫用,儘管有其他相左的意見。比如,你要強調單詞「crazy」和加粗類「*****」,可能會用這樣的**:

this iscr程式設計客棧azy

www.cppcns.com>

這是做法比再加乙個span比較好。

對於類class和標識id沒有線索?別擔心,在css中級指南中會接觸到它們。你所需要記住的是,span和div 是「無意義」的標籤。

點選這裡返回本站www.cppcns.com的網頁製作頻道。

本文位址:

CSS中的span樣式對齊

span元素為內聯元素,不具備寬度特性,設定text align屬性會沒有效果,因此需要將span元素的展示型別轉化為具有塊級特性。方法1 設定span的display屬性為block。text align center display block 方法2 設定span的display屬性為inli...

css網頁設計標準教程 CSS設計教程

css網頁設計標準教程 veerle pieters發布了乙個名為 設計css模板 的教程系列,它對許多現有教程進行了令人耳目一新的更改,首先集中於設計,最後只討論了使用css的實現。它分為四個部分 第1 部分 第2 部分 第3 部分 第4部分 而設計的來講,我碰到乙個很好的例子,今天的新鮮css設...

CSS教程 網頁文字漸變

你是否想不用photoshop來建立乙個qudmbmhmrt帶漸變的標題文字嗎?這裡用乙個簡單的css技巧來向你展示如何僅僅使用css和png來製造這種效果.經測試這種方法適合大多數主流瀏覽器.當然,ie6需要乙個支援透明png的hack 值得慶幸的是微軟正在極力的將使用者的ie6自動公升級到ie7...