本文小編為大家詳細介紹“CSS代碼結(jié)構(gòu)div和span怎么應(yīng)用”,內(nèi)容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“CSS代碼結(jié)構(gòu)div和span怎么應(yīng)用”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識吧。
創(chuàng)新互聯(lián)公司云計算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過13年的服務(wù)器租用、聯(lián)通服務(wù)器托管、云服務(wù)器、虛擬主機、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗,已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機、虛擬主機、申請域名、VPS主機、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。
CSS代碼結(jié)構(gòu)div和span初探
我們在規(guī)劃網(wǎng)頁的結(jié)構(gòu)時通常會用到div。我們正常都認為div是一個沒有語意的標簽,它的作用是用來分割文檔的不同區(qū)域。但我們也發(fā)現(xiàn),有些人認為div是有語意的。只不過它不象h2或ul等那些標簽的語意那么明確而已,div的語意是division,英文的意思是區(qū)分、分開、部分。即用它來分割文檔的不當部分。我們在正常編碼中,會給div分配一個id名稱,這樣也使得文檔具有了結(jié)構(gòu)的意義,例如:id="main"、id="sider"等等。
◆我們試圖將文檔的標注標簽盡量的減化。只有在不得已,實在沒有可用的HTML元素進行分割的時候我們再使用div的方式。這是一種簡潔的方式,但有些人也認為這樣使得文檔的結(jié)構(gòu)化出現(xiàn)障礙,主張需要div進行分割。我們看下面的例子:
ExampleSourceCode
這是一:
Div+CSS教程www.52css.com
52css.com是一個非常專業(yè)的CSS站點
52css.com的Div+CSS教程欄目有豐富的教程
這段代碼中的“專業(yè)的CSS站點”“Div+CSS”都被嵌套在了span元素之內(nèi)。我們可以對某一些地方應(yīng)用這些標記以應(yīng)用不同的樣式。我們可以將上面的兩個span內(nèi)嵌的內(nèi)容顯示為不同于普通段落的文字色彩。
讀到這里,這篇“CSS代碼結(jié)構(gòu)div和span怎么應(yīng)用”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會,如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。