CSS文件統籌

2021-09-29 06:29:12 字數 2503 閱讀 5014

一、css文件統籌

1.整站裡相同的css樣式提取到乙個樣式表裡,各個頁面呼叫相同的樣式檔案即可;

1)根據頁面型別分離檔案

2)根據功能模組分離檔案

3)根據裝置型別分離檔案

4)根據**規模分離檔案

3.引進文件

1)src 規定iframe中顯示的文件的url

2)frameborder=「0(無邊框)/1(有邊框預設)」 規定是否顯示框架周圍的邊框;

3)width 定義iframe的寬度;

4)height 規定iframe的高度;

5)name 規定iframe的名稱;

6)scrolling auto(預設超出顯示滾動條)/yes/no 規定是否在iframe中顯示滾動條。

(一)網頁自身的優化(如何讓**被搜尋引擎搜尋到)

1.頁面主題的優化

實事求是的寫下自己的**的名字,**的名字要合理,最好包含**的主要內容;

2.頁面頭部優化

頁面頭部指的是**中部分,具體一點就是中的「description(描述)」和「keywords(關鍵字)」兩部分:

b、「關鍵字」部分應該列出你認為合適的,能突出**內容的關鍵字就可以了,關鍵字不要設定太多,可設定10---8個,搜尋引擎只會瀏覽靠前的幾個關鍵字;

告訴搜尋引擎你的站點的主要內容;

用以說明生成工具(如microsoft frontpage 4.0)等;

告訴搜尋引擎你的站點的製作的作者;

3.超連結優化

搜尋引擎為何可以能夠索引全世界的**,是因為各個搜尋引擎程式中都有乙個會自動「爬行」於網際網路上的智慧型機械人程式,這個機械人就是順著**之間的鏈結遊覽世界的,那麼我們就應該為它創造乙個良好的爬行通道——合理的設定鏈結。 怎樣的鏈結才是合理的呢?

a、採用純文字鏈結,最好是別用flash動畫設定鏈結,因為搜尋引擎無法識別flash上的文字.

許多公司、個人都喜歡酷酷的flash動畫,**的入口也做成flash片斷,,搜尋引擎很難光顧這樣的**。而且個別設計者非常馬虎,把**的入口鏈結放在了flash上,有時因為網路繁忙、缺少flash外掛程式而導致使用者根本就看不到**的內容;

b、按規範書寫超連結,這個title屬性,它既可以起到提示訪客的作用,也可以讓搜尋引擎知道它要去**. 首頁

4.優化(alt屬性,title屬性)

優化並不是修改的大小、顏色,而是你應該為每個標籤加上alt屬性,alt屬性的作用是當無法顯示時以文字作為替代顯示出來,而對於seo來說,它可以令搜尋引擎有機會索引你**上的,對於一些確實沒什麼意義的,最好也不要省略alt,而應該留空,即 alt=""; 

,對於乙個欄目眾多的**,它可以幫助訪客最快速度找到所需的內容;二則,可以給搜尋引擎提供乙份自己**的「鳥瞰圖」,方便搜尋機械人依次索引整個**。 

7.靜態頁面與動態頁面

8.避免大「體積」的頁面

有經驗標明,搜尋引擎不喜歡索引大體積的頁面,即乙個頁面**部分的體積不要太大,控制在100kb內為佳;

9.合理的**結構

原則:簡化**,易修改

(二)css規範

1、命名方法(語義化命名,結構化命名)

1)id:結構化    header footer   

2)class: .border0    . red:    .font12      .clear

2、css命名規則

1)建議使用小寫字母

2)以英文本母開頭,後面可以連線數字、字母、下劃線、連字元,建議盡量使用英文本母,適當使用下劃線和連線線;

3)詞必達意,名稱要反映用途和相關資訊,同時也要簡短。

(三)樣式重置

1、規則設定

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img

fieldset, img

imgaddress, caption, cite, code, dfn, th, var

ul, ol,li  

body

a a:visited

a:hover, a:active, a:focus

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select 

body

a a:hover 

emli

img 

table

p.ind 

.ind10

.noborder

.left

.right

.clearboth

.font12

body 

body > div 

div,form,ul,ol,li,span,p

img,a img

h1,h2,h3,h4,h5,h6

ul,ol,li

table,td,input /* 預設鏈結顏色 */ 

aa:hover

CSS 文件統籌及樣式重置

根據頁面型別分離檔案 根據功能模組分離檔案 根據裝置型別分離檔案 根據 模式綜合分離檔案 頁面頭部指的是 中部分,具體一點就是 description 描述 和 keywords 關鍵字 兩部分。關鍵字 部分應該列出你認為合適的,能夠突出 內容的關鍵字即可,不要設定太多,大概設定個10個左右即可,搜...

HTMLCSS學習筆記(十一) CSS統籌

css層疊指的是樣式的優先順序,當產生衝突時以優先順序高的為準。css的乙個主要特徵就是繼承,它是依賴於祖先 後代的關係的。繼承是一種機制,它允許樣式不僅可以應用於某個特定的元素,還可以應用於它的後代。整站裡相同的css樣式提取到乙個樣式表裡,各個頁面呼叫相同的樣式檔案即可。較大的情況下一般會把 的...

專案管理 統籌兼顧

統籌兼顧,指縱觀大局,雙管齊下,強調一種全域性思想.無論是在個人的職業發展以及專案的過程中,都是乙個非常重要的觀念。現代社會中,做任何事情都要求快速再快速,因為市場競爭力加大,做任何事情稍微慢了,就會失去商機。但是很多時候由於這種貿然的快速執行專案,而忽略了專案的初起規劃,初期看起來效果非常的好,但...