平特心水报图
新網絡營銷基礎與實踐

你的位置:首頁 >網絡營銷 >css+div

css+div

DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的,其中所包含元素的特性由DIV標簽的屬性來控制,或者是通過使用樣式表格式化這個塊來進行控制。

  雖然對于在什么時候用div沒有什么硬性的規定,但DIV更適用于大體框架的定位.例如我們要定義一塊頭部的區域,一般會這樣定義一個DIV:

  這里就是頭部框架里要寫的內容

  當然,可以用class來定義,但一般來講如不是在同一頁面會重復的元素,用id能更好的區別開來。

  查看如下定義代

  

  

  Articles

  

  Topics

  

  About

  

  Contact

  

  Contribute

  

  Feed

  

  

  

  A LIST Apart: For People Who Make Websites

  

  No. 214

  定義了最上面的導航(ul部分),左邊的大logo和那個圓圓的No.xxxx的標記.。

  他沒有使用DIV來做頂部的框架,但卻很好的說明了這些代碼的用途,為什么?因為他活用了HTML提供的標簽,以及樣式名稱的定義

編輯本段流行優勢

  1、符合W3C標準。微軟等公司均為W3C支持者。這一點是最重要的,因為這保證您的網站不會因為將來網絡應用的升級而被淘汰。

  2、支持瀏覽器的向后兼容,也就是無論未來的瀏覽器大戰,勝利的是IE7或者是火狐,您的網站都能很好的兼容。

  3、搜索引擎更加友好。相對與傳統的table, 采用DIV+CSS技術的網頁,對于搜索引擎的收錄更加友好。

  4、樣式的調整更加方便。內容和樣式的分離,使頁面和樣式的調整變得更加方便。 現在YAHOO,MSN等國際門戶網站,網易,新浪等國內門戶網站,和主流的WEB2.0網站,均采用DIV+CSS的框架模式,更加印證了DIV+CSS是大勢所趨。

  5、CSS的極大優勢表現在簡潔的代碼,對于一個大型網站來說,可以節省大量帶寬,而且眾所周知,搜索引擎喜歡清潔的代碼。

  6、表現和結構分離,在團隊開發中更容易分工合作而減少相互關聯性。

編輯本段嵌入方式

  行內套用

  我們可以在HTML文件內直接宣告樣式。

  舉例來說,Thisisfontsize16.

  以上的HTML文件在瀏覽器上會顯現為:Thisisfontsize16.

  嵌入套用樣式可以嵌入于HTML文件中(通常是在內)。

  舉例來說,背景顏色是紅色

  以上的HTML會顯現出:背景顏色是紅色

  外部連接套用在這種方式下,所有的CSS樣式宣告都是存在另外一個檔案中。

  該檔案通常名稱為.css。

  在HTML文件的..之中,我們將用以下的程式碼將這個.css檔案連接進入:

  

  以上這一行會將在external-stylesheet.css這個檔案內所宣告的樣式加入HTML文件內。

  匯入套用匯入套用外部的CSS樣式也可以被匯入進HTML文件。

  匯入的做法為利用@import這個指令。

  @import的語法為:

  @import指令最初的用意,是為了能夠針對不同的瀏覽器而運用不同的樣式。不過,現在已經沒有這個必要。現在用@import的目的,最常是要加入多個CSS樣式。當多個CSS樣式被@import的方式加入,而不同CSS樣式互相有沖突時,後被加入的CSS樣式有優先的順位(詳情請見CSS串接)。

  還有一種嵌入的方式是直接寫在標簽上的,不過這種寫法有些限制,大多數標簽都可以接受這種解法:

  

  這個代碼通過直接嵌入標簽的形式,使得標簽內的文字更改顏色,而且根據css的優先調用級直接嵌入標簽的寫法也更直接更優先選擇調用。

CSS+DIV布局優點

  一、使頁面載入得更快

  由于將大部分頁面代碼寫在了CSS當中,使得頁面體積容量變得更小。相對于表格嵌套的方式,DIV+CSS將頁面獨立成更多的區域,在打開頁面的時候,逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里,使得加載速度很慢。

  二、降低流量費用

  頁面體積變小,瀏覽速度變快,這就使得對于某些控制主機流量的網站來說是最大的優勢了。

  三、修改設計時更有效率

  由于使用了DIV+CSS制作方法,在修改頁面的時候更加容易省時。根據區域內容標記,到CSS里找到相應的ID,使得修改頁面的時候更加方便,也不會破壞頁面其他部分的布局樣式。

  四、保持視覺的一致性

  DIV+CSS最重要的優勢之一:保持視覺的一致性;以往表格嵌套的制作方法,會使得頁面與頁面,或者區域與區域之間的顯示效果會有偏差。而使用DIV+CSS的制作方法,將所有頁面,或所有區域統一用CSS文件控制,就避免了不同區域或不同頁面體現出的效果偏差。

  五、更好地被搜索引擎收錄

  由于將大部分的HTML代碼和內容樣式寫入了CSS文件中,這就使得網頁中正文部分更為突出明顯,便于被搜索引擎采集收錄。

  六、對瀏覽者和瀏覽器更具親和力

  我們都知道網站做出來是給瀏覽者使用的,對瀏覽者和瀏覽器更具親和力,DIV+CSS在這方面更具優勢。由于CSS富含豐富的樣式,使頁面更加靈活性,它可以根據不同的瀏覽器,而達到顯示效果的統一和不變形。

網絡營銷詞典內容均由網友提供,僅供參考。

平特心水报图 七乐彩走势图2元网 狐仙计划软件手机下载 天龙八部卖师门材料赚钱 贵州快三开奖号码 十七岁应该怎么赚钱 口碑最好的棋牌游戏 谁有赚钱路子的联系方式 516棋牌游戏完整版 无人超市不是赚钱 pk10免费永久计划