(換膚)
語言：
文章編號：10673時間：2024-09-29人氣：
HTML標(biāo)題標(biāo)簽用于創(chuàng)建網(wǎng)站正文中的標(biāo)題和副標(biāo)題。
有6種不同等級的標(biāo)題標(biāo)簽：h1到h6。
h1標(biāo)簽是最重要的標(biāo)題標(biāo)簽，而h6標(biāo)簽是最不重要的。
標(biāo)題標(biāo)簽對于網(wǎng)站內(nèi)容導(dǎo)航至關(guān)重要。
它們讓用戶快速了解頁面的內(nèi)容和結(jié)構(gòu)。
標(biāo)題標(biāo)簽還有助于搜索引擎對您的網(wǎng)站進(jìn)行索引。
以下是使用標(biāo)題標(biāo)簽的一些提示：
以下是標(biāo)題標(biāo)簽的示例：
您可以使用CSS樣式標(biāo)題標(biāo)簽以使其更具視覺吸引力。
以下是一個使用CSS樣式標(biāo)題標(biāo)簽的示例：
您還可以使用JavaScript操縱標(biāo)題標(biāo)簽。
以下是一個使用JavaScript操縱標(biāo)題標(biāo)簽的示例：
標(biāo)題標(biāo)簽對于網(wǎng)站內(nèi)容導(dǎo)航至關(guān)重要。
通過有效使用標(biāo)題標(biāo)簽，您可以創(chuàng)建易于導(dǎo)航和結(jié)構(gòu)清晰的網(wǎng)站。
如果您正在尋找一本全面揭示div+css 3.0網(wǎng)頁樣式與布局的實用指南，那么《div+css 3.0網(wǎng)頁樣式與布局全程揭秘》無疑是一個理想的選擇。 這本書以專業(yè)理論與實戰(zhàn)操作結(jié)合為核心，深入講解了制作網(wǎng)頁的精髓。 全書共14章，從網(wǎng)頁和網(wǎng)站的基礎(chǔ)知識開始，引導(dǎo)讀者理解web標(biāo)準(zhǔn)設(shè)計和制作流程。 接著，它詳細(xì)介紹了html和xhtml的基礎(chǔ)，以及css樣式的基礎(chǔ)知識，為div+css布局的入門提供了堅實的理論基礎(chǔ)。 后續(xù)章節(jié)分別探討了如何設(shè)置頁面背景圖像、圖像處理、文本內(nèi)容的排版、表單樣式、列表樣式、超鏈接樣式，以及如何利用javascript構(gòu)建動態(tài)效果。 書中特別注重實例教學(xué)，針對關(guān)鍵和難點進(jìn)行了深度剖析，并融入作者多年的設(shè)計和教學(xué)經(jīng)驗，確保讀者能夠?qū)⑺鶎W(xué)應(yīng)用到實際項目中。 此外，書中還穿插了css 3.0和html 5.0的前沿內(nèi)容，讓讀者緊跟時代步伐，掌握最新的網(wǎng)頁設(shè)計技術(shù)。 這本書不僅適合初學(xué)者，幫助他們提升div+css技能，也適合有一定基礎(chǔ)的網(wǎng)頁設(shè)計師，特別是那些希望通過web標(biāo)準(zhǔn)重構(gòu)網(wǎng)站或者學(xué)習(xí)最新技術(shù)的人。 同時，它還適合作為高等院校相關(guān)專業(yè)教學(xué)的參考教材，為學(xué)生提供全面的理論與實踐指導(dǎo)。
SEO優(yōu)化基本要點
1.定義網(wǎng)站的名字，選擇與網(wǎng)站文字相關(guān)的域名。
2.分析網(wǎng)站核心內(nèi)容，定義相關(guān)欄目，定制欄目菜單導(dǎo)航
3.根據(jù)網(wǎng)站欄目，收集信息內(nèi)容，整理，修改，創(chuàng)作，添加。
4.分析網(wǎng)站相關(guān)長尾關(guān)鍵字，合理添加到內(nèi)容中。
5.符合W3網(wǎng)頁標(biāo)準(zhǔn)，全站生成靜態(tài)網(wǎng)頁。
6.合理交換網(wǎng)站相關(guān)的友情鏈接，不能與搜索引擎懲罰的或與行業(yè)不相關(guān)的網(wǎng)站交換鏈接。
7.制作XML,HTML的地圖，以便spIDEr對網(wǎng)站內(nèi)容的抓取。
8.為每個網(wǎng)頁定義標(biāo)題，meta標(biāo)簽標(biāo)題簡潔，meta圍繞主題關(guān)鍵詞。
9.網(wǎng)站經(jīng)常更新相關(guān)信息內(nèi)容，禁用采集，手工添加，原創(chuàng)為主。
10.網(wǎng)站設(shè)計美觀大方，菜單清晰，網(wǎng)站色彩搭配合理，盡量少用圖片、flash、視頻等影響網(wǎng)頁打開速度。
SEO的效果
內(nèi)部優(yōu)化分為結(jié)構(gòu)優(yōu)化和頁面優(yōu)化
1、網(wǎng)站的結(jié)構(gòu)優(yōu)化
a、避免spider陷阱
主要有flash,sessonID各種跳轉(zhuǎn)框架結(jié)構(gòu)、動態(tài)URL、
b、清晰的導(dǎo)航欄，解決我們現(xiàn)在在哪里，下一步要去哪里。
c、復(fù)制內(nèi)容的處理
d、URL的靜態(tài)化
e、網(wǎng)站的地圖。Sitemap的提交
f、內(nèi)部鏈接分布原則
g、錨文本盡量多樣性，重點關(guān)鍵詞重復(fù)出現(xiàn)的次數(shù)要多，翻頁盡量要好，頁面距離首頁點擊次數(shù)越少越好，
頁面優(yōu)化
a、標(biāo)題優(yōu)化獨特而不重復(fù)，準(zhǔn)確相關(guān)，字?jǐn)?shù)要在顯示范圍內(nèi)，關(guān)鍵詞出現(xiàn)在最前面吸引點擊。
b、關(guān)鍵詞標(biāo)簽，主要是說明頁面的主題關(guān)鍵詞，但現(xiàn)行的搜索引擎都無一例外把此標(biāo)簽排除在排名算法外。
頁面內(nèi)容
2、頁面較好用文字描述，少用flash,ajax，僅在需要用的地方用，并把flash,ajax當(dāng)做網(wǎng)頁上的單元，而非網(wǎng)頁本身，替代的也可達(dá)到flash,ajax的效果。 flash,ajax可以帶來好的創(chuàng)意，但也會帶來難以偵測的垃圾網(wǎng)站形式，因為搜索引擎只索引頁面而不索引程序。
3、頁面內(nèi)容不只是給用戶看的，更是給搜索引擎看的。
網(wǎng)頁內(nèi)容給用戶看
a、懂得廣告學(xué)思維，讓不同類型的用戶在你的站點上都能找到他們喜歡的信息，用戶認(rèn)同的信息更容易贏得信任，從而使用戶成為你的用戶。
b、內(nèi)容越短越好，用戶的時間都很寶貴，他們不會認(rèn)真的看一個陌生站點的內(nèi)容，正如我們對其他站點的態(tài)度那樣。
c、內(nèi)容要有主次重要。
d、美工、圖片、動畫等等引導(dǎo)用戶隨你的思維進(jìn)行。
網(wǎng)頁內(nèi)容給搜索引擎看
a、確定網(wǎng)頁的關(guān)鍵詞，然后頻繁出現(xiàn)在文章內(nèi)。
b、每個網(wǎng)頁的關(guān)鍵詞不要超過三個，讓內(nèi)容圍繞關(guān)鍵詞展開。
c、關(guān)鍵詞出現(xiàn)在中
d、關(guān)鍵詞重點突出，給關(guān)鍵詞加黑體、斜體或加入H1之間。
e、適當(dāng)?shù)臅r候，把一些關(guān)鍵詞鏈接向權(quán)威的專業(yè)的站點。
f、網(wǎng)頁頁面內(nèi)容通過鏈接錨文本的形式相互鏈接。
內(nèi)容頁面有規(guī)律的更新
網(wǎng)站更新的越頻繁，spider爬行的就越頻繁，這意味著網(wǎng)站新文章幾天甚至幾個小時可以出現(xiàn)在索引中，而不需要等幾個星期，這是網(wǎng)站最好的收益方面。
怎樣使網(wǎng)頁內(nèi)容或網(wǎng)站受到高關(guān)注點
1、按某種分類或者歸類，列出清單，引用大量數(shù)據(jù)，容易組織也容易被當(dāng)做權(quán)威數(shù)據(jù)而被大量引用。
Eg.中國十大知名導(dǎo)航網(wǎng)，特點：列表簡單、非常實用
2、怎加文章內(nèi)容的權(quán)威性
內(nèi)容通俗易懂，深入淺出，便于挖掘、理解。
3、減少語法或者拼寫錯誤，結(jié)構(gòu)合理，措辭嚴(yán)謹(jǐn)，因為權(quán)威的數(shù)據(jù)中出現(xiàn)不應(yīng)有的錯誤，是權(quán)威性大打折扣。
4、為站點添加“隱私政策”“關(guān)于我們”“聯(lián)系方式”、“顧問”等會使網(wǎng)站變得可信。
5、巧用新聞?wù)军c和RSS聚合
撰寫高質(zhì)量的文章，在對應(yīng)的行業(yè)新聞門戶網(wǎng)站發(fā)布。
Eg.研究SEO，就要在SEO方面的網(wǎng)站上和論壇上發(fā)表。
7、為了推廣，可以同其他站點交換文章，相互發(fā)表，增加文章的出現(xiàn)率和點擊率。
8、利用RSS，把文章發(fā)布在RSS網(wǎng)站上，便于人們閱讀和收藏。
9、利用網(wǎng)址站，目錄站，和社會化書簽，把自己的精品文章添加到網(wǎng)絡(luò)收藏，雅虎收藏，google.書簽，QQ書簽等社會化書簽，讓用戶通過google閱讀器，RSS等閱讀你的文章，不斷擴(kuò)大網(wǎng)站的影響力及其知名度。
10、利用社會關(guān)系在特定的場合或者有吸引眼球的地方，拍攝名人炒作的照片，或記錄下某人的某句話，并寫上精彩點評和解說，進(jìn)行拋磚引玉，便于快速傳播。
關(guān)鍵詞
1、長尾關(guān)鍵詞
a、對于一般的小型網(wǎng)站，目標(biāo)目標(biāo)關(guān)鍵詞帶來的流量占網(wǎng)站總站搜索流量的絕大部分
b、存在于網(wǎng)站目錄頁，內(nèi)容頁的關(guān)鍵詞也會帶來流量，但為數(shù)不多。
c、特征：
1比較長，往往要2-3個詞組成，甚至是短語。
2存在于內(nèi)容頁面，除了內(nèi)容的標(biāo)題，還存在于內(nèi)容中。
3長尾關(guān)鍵詞帶來的客戶，轉(zhuǎn)化為網(wǎng)站產(chǎn)品客戶的概率化目標(biāo)關(guān)鍵詞低很多。
4搜索亮非常少，并且不穩(wěn)定。
5存在大量長尾關(guān)鍵詞的大中型網(wǎng)站，其帶來的總流量非常大
2、關(guān)鍵詞優(yōu)化的好壞
a)站點的規(guī)模，及由此定位的關(guān)鍵詞。
b)關(guān)鍵詞在站點的分布情況。
c)關(guān)鍵詞擴(kuò)展的挖掘和利用
d)首頁，目錄頁，內(nèi)容頁的標(biāo)題標(biāo)簽是否書寫規(guī)范
e)關(guān)鍵詞密度以及關(guān)鍵詞在網(wǎng)頁上的位置
密度在2%-8%
位置：網(wǎng)頁標(biāo)簽，目錄名文件，正文標(biāo)題，在正文中各處自然使用關(guān)鍵詞
f)關(guān)鍵詞的字體，特殊性
Eg.加粗、黑體、斜體
g)是否存在關(guān)鍵詞疊加、隱藏文本和鏈接等作弊行為
3、關(guān)鍵詞分析
思路：a、選擇符合自己實力的關(guān)鍵詞
b、不選擇流量太低的關(guān)鍵詞
過程：a、了解行業(yè)狀況
b、行業(yè)關(guān)鍵詞集合
c、關(guān)鍵詞競爭分析
d、關(guān)鍵詞發(fā)展規(guī)劃和流量預(yù)計
f、確定目標(biāo)關(guān)鍵詞
4、目標(biāo)關(guān)鍵詞的特征
a、目標(biāo)關(guān)鍵詞一般作為網(wǎng)站首頁的標(biāo)題
b、目標(biāo)關(guān)鍵詞一般是2－4個字構(gòu)成的一個詞或詞組，名詞居多
c、目標(biāo)關(guān)鍵詞在搜索引擎每個月都有一定數(shù)量的穩(wěn)定搜索量
d、搜索目標(biāo)關(guān)鍵詞的用戶往往對網(wǎng)站的產(chǎn)品和服務(wù)有要求，或者對網(wǎng)站的內(nèi)容感興趣
e、網(wǎng)站的主要內(nèi)容圍繞目標(biāo)關(guān)鍵詞展開
5、關(guān)鍵詞確定
a、關(guān)鍵詞的相關(guān)性和密度性
b、關(guān)鍵詞的搜索頻率
c、關(guān)鍵詞的競爭對手
6、關(guān)鍵詞的位置
a、首先關(guān)鍵詞應(yīng)該在文章的每個段落里
b、網(wǎng)頁頭部標(biāo)簽(eg:descriptiontag描述標(biāo)簽、關(guān)鍵詞標(biāo)簽等)應(yīng)該放入關(guān)鍵詞
c、網(wǎng)頁圖片的ALT標(biāo)簽應(yīng)寫上關(guān)鍵詞
d、可以吧關(guān)鍵詞作為子目錄
e、網(wǎng)頁中談到其他網(wǎng)頁的關(guān)鍵詞時，不要忘了添加鏈接并指向那個網(wǎng)頁
7、關(guān)鍵詞權(quán)重的參數(shù)
a、這個網(wǎng)頁的PR值，這個網(wǎng)頁域名的PR值
b、關(guān)鍵詞在網(wǎng)頁標(biāo)題中的比重和位置
c、關(guān)鍵詞在meta標(biāo)簽中是否被提及
d、網(wǎng)頁內(nèi)是否有很多與該關(guān)鍵字相關(guān)的關(guān)鍵詞組
e、關(guān)鍵字的密度、字體、位置
f、以這個關(guān)鍵詞鏈接向本網(wǎng)頁的外部鏈接和內(nèi)部鏈接的數(shù)量
8、關(guān)鍵詞在metakeywords中應(yīng)注意
a、確信使用的關(guān)鍵詞出現(xiàn)在網(wǎng)頁文本中
b、不要重復(fù)使用關(guān)鍵詞
c、一個網(wǎng)頁從關(guān)鍵詞標(biāo)簽里應(yīng)該包含了3-5個重要的關(guān)鍵詞，不要超過5個。
d、主流搜索引擎對其的字?jǐn)?shù)要求是不超過160字節(jié)
9、關(guān)鍵詞在H1、H2、H3等Headline標(biāo)簽中的使用
H1、H2、H3等標(biāo)簽的搜索引擎表明他們包含的部分在整個頁面的重要程度
同時注意同一個頁面不要出現(xiàn)兩次及兩次以上的的H1、H2，否則會受到懲罰
10、關(guān)鍵詞在URL中的使用
URL中的關(guān)鍵詞對搜索引擎排名中的重要作用，但是在域名中包含關(guān)鍵字比在目錄中包含關(guān)鍵字擁有更大權(quán)重，這也促使很多網(wǎng)站使用大量的二級域名
鏈接
鏈接分為交叉鏈接和反向鏈接（外部鏈接）
1、反向鏈接又稱為導(dǎo)入鏈接和外部鏈接
Eg網(wǎng)頁A上有一個鏈接指向網(wǎng)頁B，則網(wǎng)頁A上的鏈接是網(wǎng)頁B的反向鏈接
2、鏈接的質(zhì)量和相關(guān)性
鏈向作弊以及質(zhì)量差的頁面，會受到搜索引擎的連帶處罰，同樣。鏈向質(zhì)量高的，相關(guān)性高的頁面會受到搜索引擎的喜歡
3、外部鏈接的錨文字
外部鏈接的錨文字與頁面主體密切相關(guān)的時候，搜索引擎會對該頁面給予正面的評價，但是如果外部鏈接的錨文字與頁面主體毫不相干，甚至可能被搜索引擎懲罰
4、外部鏈接頁面本身的鏈接流行度
5、鏈接的周圍文字
搜索引擎鏈接周圍的文字進(jìn)行語義分析或判斷外部鏈接頁面的相關(guān)性，相關(guān)性越高，則會獲得越高的權(quán)重
6、每頁的鏈接頁面在相關(guān)主題的網(wǎng)站社區(qū)中的鏈接流行度，用于判斷外部鏈接頁面是否采用了鏈接買賣等作弊手段，間接影響網(wǎng)頁的排名
7、每頁的最高鏈接數(shù)應(yīng)少于100個，避免被搜索引擎視為鏈接農(nóng)場（鏈接農(nóng)場：無上下文，全篇充斥著大量的鏈接，大多被黑帽所喜愛。黑帽：用以偽裝、欺詐和竊取的方式，取得最高排名）
8、外部鏈接按PR值
9、網(wǎng)站新外部鏈接產(chǎn)生的速度應(yīng)當(dāng)平穩(wěn)增長，否則可能引起搜索引擎的懷疑
網(wǎng)站內(nèi)鏈接結(jié)構(gòu)
1、盡量改原來的圖像鏈接和fiash鏈接，使用純文本鏈接，并統(tǒng)一全局鏈接位置
2、內(nèi)容結(jié)構(gòu)的調(diào)整后，應(yīng)立即到搜索引擎登錄，并希望能盡早收錄新標(biāo)題和新描述
增加反向鏈接的方法
1、向目錄網(wǎng)站（如DMOZ---開放目錄）提交你的網(wǎng)站
2、書寫文章，并發(fā)布在合適的站點上
4、在人氣旺的論壇上發(fā)表文章和留言，并帶著簽名指向你的網(wǎng)站
5、在博客上留言、名稱指向你的站點
6、參與網(wǎng)絡(luò)知道，網(wǎng)絡(luò)貼吧，google論壇等，留下站點鏈接
交叉鏈接
交叉鏈接又稱友情鏈接，
其目：1、提升新站的PR值
2、優(yōu)化中的網(wǎng)站
弊端：在交換友情鏈接后，站長如果需要檢查對方的鏈接是否依然還在，那么使用普通的查詢友情鏈接的工具就無法完成，然后就需要逐個打開交叉頁面來檢查，增加了工作量
導(dǎo)入交叉鏈接的方法
1、合作伙伴，鏈接交換、
充分利用合作伙伴或者商業(yè)伙伴之間的關(guān)系，盡可能讓對方為自己的網(wǎng)站添加一個鏈接或者交換鏈接（互換權(quán)重高的）
2、管理好自己的站點
想辦法盡可能的從權(quán)重高的網(wǎng)站上獲得鏈接的支持，利用某些網(wǎng)站提供交換鏈接的地方留下自己的網(wǎng)站鏈接
3、利用相互參與社會化WIKI平臺，如網(wǎng)絡(luò)百科的編輯，Googlepage建立專業(yè)網(wǎng)頁并建立指向自己網(wǎng)站的鏈接
4、開網(wǎng)絡(luò)空間，空間域名可使用公司產(chǎn)品的關(guān)鍵字，同時進(jìn)行公司原網(wǎng)站信息的轉(zhuǎn)載，附帶公司網(wǎng)站，讓網(wǎng)絡(luò)robot在第一時間訪問本站點，同時可使空間賬戶去隨機訪問網(wǎng)絡(luò)空間內(nèi)其他用戶，以獲得回訪
鏈接優(yōu)化
1、建立網(wǎng)站地圖
建立一個完整的網(wǎng)站地圖，把網(wǎng)站地圖的鏈接放在首頁上，是spider很快很方便的發(fā)現(xiàn)和抓取所有網(wǎng)頁
2、每個網(wǎng)頁做多離首頁四次就可到達(dá)
3、網(wǎng)站的導(dǎo)航系統(tǒng)最好使用文字鏈接
4、導(dǎo)航中的鏈接文字應(yīng)準(zhǔn)確描述欄目中的內(nèi)容
5、整站的PR傳遞和流動
6、網(wǎng)頁的互相鏈接
HTML5和CSS3作為現(xiàn)代網(wǎng)頁開發(fā)的核心工具，革新了網(wǎng)頁設(shè)計和交互體驗。 本文將帶你走入它們的奧秘，詳細(xì)解讀新增特性、使用策略以及應(yīng)對挑戰(zhàn)的技巧，助你提升開發(fā)技能。
HTML5的新篇章 CSS3的革新力量 實例演示video標(biāo)簽支持Ogg, MPEG 4, WebM，通過src、width、height等屬性實現(xiàn)多媒體展示。
audio標(biāo)簽支持Ogg, MP3, Wav，類似video標(biāo)簽的屬性設(shè)置。
新表單元素與特性 漸變與形狀 網(wǎng)頁存儲與應(yīng)用 多線程與離線功能 HTML5新API CSS3進(jìn)階 布局與動畫 總結(jié)通過本文的深入解析，相信你對HTML5和CSS3有了更深的理解。 無論是在語義化的構(gòu)建、多媒體優(yōu)化，還是在交互體驗和性能提升上，它們都是不可或缺的開發(fā)伙伴。 繼續(xù)探索，你的網(wǎng)頁設(shè)計將躍然紙上。
Short for logogram logogram的簡寫 【復(fù)數(shù)】 A name, symbol, or trademark Designed for easy and definite recognition, especially one borne on a single printing plate or piece of type. 教學(xué)語言：為了容易、清楚辯論而設(shè)計的名字、標(biāo)志或商標(biāo)，尤指標(biāo)于單片印版或樣版的 更多而言，LOGO是指代表品牌的圖形，比如網(wǎng)絡(luò)的LOGO，就是左上角的圖形，一看到它就會引起聯(lián)想，達(dá)到品牌效果，品牌是一個包括很多內(nèi)容的集合，包括LOGO，可以說LOGO是品牌的有形名片。 引用:傳統(tǒng)意義上的SOHO 傳統(tǒng)意義上的SOHO—Small Office (and) Home Office， 直譯就是小型辦公室、家庭辦公室的意思，實際上就是自由職業(yè)或自由職業(yè)者的意思。 當(dāng)然，SOHO也代表了一種更為自由、開放、彈性的工作方式。 網(wǎng)絡(luò)時代的到來， 使 得SOHO成為人們爭相追逐的時髦詞匯之一，專門為SOHO族設(shè)計的房屋、家具、用品 也成為商家的新賣點，一些樓盤常常被冠以SOHO一詞，意思就是給自由職業(yè)者準(zhǔn)備的商、住合一的公寓，一時間也風(fēng)光無限。 幾年前，人們所說的SOHO一族還大多指那些專門的自由職業(yè)者：自由撰稿人、平面設(shè)計師、工藝品設(shè)計人員、藝術(shù)家等。 而近兩年，隨著互聯(lián)網(wǎng)在各個領(lǐng)域的廣泛運用及電腦、傳真機、打印機等辦公設(shè)備在家庭中的普及，SOHO成為越來越多的人可以嘗試的一種工作方式，而它的內(nèi)涵與形式也在發(fā)生變化 。 我們的SOHO SOHO作為一種時尚、輕松、自由的生活方式和生活態(tài)度，不應(yīng)該僅僅局限和適合于那些只是在家工作的人群，畢竟，那還只是社會中很小很小的一部分群體。 SOHO既然代表了自由、開放、彈性的工作方式，那我們就認(rèn)為只要能夠在這種方式下工作的人，不論您是否是在家工作，還是在其他的場所；不論您是專注一職，還是兼職工作，您都可以自豪的稱自己是SOHO一族。 于是，我們更愿意把SOHO叫成Super Office (and) Human Office,即超級的辦公室、人性化的辦公室。 引用:是Cascading style Sheets的簡稱，中文譯作“層疊樣式表單”，我把它叫作“層疊樣式表”，我感到這樣順口一 點，沒別的意思。 實際上它是一組樣式。 你可能對CSS這個名詞比較陌生，實際上無論你用Internet Explorer還是 Netscape Navigator在網(wǎng)上沖浪，幾乎隨時都在與CSS打交道，在網(wǎng)上沒有使用過CSS的網(wǎng)頁可能不好找。 不管你用什么工 具軟件制作網(wǎng)頁，都有在有意無意地使用CSS。 用好CSS能使你的網(wǎng)頁更加簡煉，為什么同樣內(nèi)容的網(wǎng)頁，有的人做出來有 幾十KB，而高手做出來只有十幾KB，CSS在其中的作用是不言而喻的。 我把我在使用CSS中的一些小經(jīng)驗以及一些網(wǎng)友來信 提問的問題整理出來，供諸位參考。 1、CSS在網(wǎng)頁制作中一般有三種方式的用法，那么具體在使用時該采用哪種用法？ 當(dāng)有多個網(wǎng)頁要用到的CSS，采用外連CSS文件的方式，這樣網(wǎng)頁的代碼大大減少，修改起來非常方便；只在單個網(wǎng)頁 中使用的CSS，采用文檔頭部方式；只有在一個網(wǎng)頁一、兩個地方才用到的CSS，采用行內(nèi)插入方式。 2、CSS的三種用法在一個網(wǎng)頁中要以混用嗎？ 三種用法可以混用，且不會造成混亂。 這就是它為什么稱之為“層疊樣式表”的原因，瀏覽器在顯示網(wǎng)頁時是這樣處 理的：先檢查有沒有行內(nèi)插入式CSS，有就執(zhí)行了，針對本句的其它CSS就不去管它了；其次檢查頭部方式的CSS，有就執(zhí)行 了；在前兩者都沒有的情況下再檢查外連文件方式的CSS。 因此可看出，三種CSS的執(zhí)行優(yōu)先級是：行內(nèi)插入式、頭部方 式、外連文件方式。 3、在Dreamweaver3中如何使外部文件式CSS？ 在Dreamweaver3中使用外連文件式CSS并沒有特殊要求，同樣是用記事本創(chuàng)建一個*文件，在網(wǎng)頁的
與 之間加上一句這樣的代碼： 就行了。 4、如何用Dreamweaver3快速創(chuàng)建CSS外連式文件？ 對于一個初接觸CSS的網(wǎng)頁設(shè)計人員來講，要用記事之類的編輯器，去創(chuàng)建一個CSS外連式文件是相當(dāng)困難的。 由于 Dreamweaver3對CSS支持的很好，用它來幫助就輕松多了。 具體可以這樣操作： 1）先在紙上寫好在網(wǎng)站的網(wǎng)頁中可能要用到的格名稱，然后在Dreamweaver3的編輯窗中調(diào)出CSS面板，一個一個地定 義，并在一個空白頁上適當(dāng)?shù)貙懸稽c相關(guān)內(nèi)容，邊定義邊試用，效果不滿意，立即修改； 2）全部定義好后，再用記事本創(chuàng)建一個空的CSS外連式文件，把在與之間的那段定義好的CSS復(fù)制 到CSS文件中去，就大功告成了。 整個過程就是點鼠標(biāo)，方便吧？ 5、在Dreamweaver3中采用行內(nèi)插入式CSS要手動寫代碼嗎？ 不用！先用CSS面板定義好要用的CSS，然后，在要插入CSS的標(biāo)記插入：style=，再把你剛才定義的CSS從 后面拖到這個雙引號中來，把花括號以外的部分刪去就行了。 6、在方檔頭部方式和外連文件方式的CSS中都有“”，好象沒什么用，不要可以嗎？ 這一對東東的作用是為了不引起低版本瀏覽器的錯誤。 如果某個執(zhí)行此頁面的瀏覽器不支持CSS，它將忽略其中的內(nèi) 容。 雖然現(xiàn)在使用不支持CSS瀏覽器的人已很少了，由于互聯(lián)網(wǎng)上幾乎什么可能都會發(fā)生，所以還是留著為妙。 7、如何給一部分文字加背景色？ 給文字加上不同顏色，在DW3中只要在屬性面板上選取文字的顏色就行了，非常方便，但要給部分文字加不同的背景色 卻沒有相應(yīng)的功能，我們可以先做一個定義背景色的CSS（如：bgstyle），在DW3中點幾下鼠就完成了。 如一個定義淡黃色 背景的CSS是這樣的： 在要用時選取那段文字，再在CSS面板上點一下“bgstyle”就行了。 8、如何給部分文字加背景圖像？ 與加背景色操作類似，中是在背景在選擇加載圖象就是了，一個定義好的加背景圖象的CSS例子的代碼是這樣的： 在要用時選取那段文字，再在CSS面板上點一下“imgbgstyle”就行了。 9、如何使頁面的背景在文字“滾動”時背景圖案靜止不動？ 要使背景圖案不隨文字“滾動”的CSS是這樣的： 10、如何定義字間距？ 在DW3中CSS的屬性定義對話框（style Definition for 1)的“Block”上的“l(fā)etter spaceing”屬性定義的就 是字間距，它指的是每一個字符之間的額外間距，經(jīng)長度為單位，正負(fù)值均可，當(dāng)取負(fù)值時產(chǎn)生字符擠在一起的效果。 下 面代碼是一個定義好的字間距CSS例子： 11、如何給文字加上劃線、下劃線、刪除線和閃爍？ 在DW3中CSS的屬性定義對話框(style Definition for 1)的“Type”上的“decoration”屬性定義的就是這些 內(nèi)容，要注意的是閃爍屬性有些版本的瀏覽器不支持，少用為好。 下面是一個定義好上述效果的CSS例子： 其中： “underline”是定義下劃線；“overline ”是定義上劃線；“ line-through”定義的是刪除線；“blink” 定義的是文字閃爍。 12、如何使網(wǎng)頁具有“首行縮進(jìn)”功能？ 由于DW3輸入空格不方便，利用“首行縮進(jìn)”將彌補這個不足。 在DW3中CSS的屬性定義對話框（style Definition for 1)的“Block”上的“text-indent”屬性定義的就是“首行縮進(jìn)”，所謂“首行”是指每段內(nèi)容的第一行，也 就是直接按回車鍵就形成了一個新的段落。 縮進(jìn)最好以“em”（字符）為單位，比如：漢字編排要求每段開始縮進(jìn)兩個漢 字，設(shè)置好的CSS如下所示： 在DW3要注意：在DW3中CSS的屬性定義對話框（style Definition for 1)的“Block”上的“text-indent”右 面的縮進(jìn)單位選擇框中“ems”指的就是“em”。 13、在用表格進(jìn)行排版時，能使某一方向上的內(nèi)容離開表格線一點嗎？ 可以！在DW3中CSS的屬性定義對話框（style Definition for 1)的“Box”上的“margin”定義的就是內(nèi)容離 開邊緣的距離，分別可定義四個方向：“top”“bottom”“l(fā)eft”“right”。 下面就是定義在左邊離開“10px”的CSS例 子代碼： 14、能給某部分內(nèi)容加邊框嗎？ 用CSS可以給某部分內(nèi)容加邊框，在DW3中CSS的屬性定義對話框（style Definition for 1)的“Border”定義 的就是邊框線，“top”“bottom”“l(fā)eft”“right”四邊可分別定義線的粗細(xì)和顏色，這些定義好后不要忘記在下面的 “style”中定義線型，否則將看不邊框線，因為默認(rèn)的線型是“none”。 下面是一個定義了上邊框為：藍(lán)色細(xì)線；左邊框 為：綠色中粗線的CSS例子：