你正在學(xué)習(xí) CSS 佈局嗎？是不是還不能完全掌握純 CSS 佈局？通常有兩種情況阻礙你的學(xué)習(xí)：
第一種可能是你還沒理解 CSS 處理頁面的原理。在你考慮你的頁面整體表現(xiàn)效果之前，你應(yīng)該先考慮內(nèi)容的語意和結(jié)構(gòu)，
然後再針對語意、結(jié)構(gòu)添加 CSS。這篇文章將告訴你應(yīng)該如何把 HTML 結(jié)構(gòu)化。
另一個原因是你對那些非常熟悉的表現(xiàn)層屬性(例如：cellpadding,、hspace、align="left"等等)束手無策，不知道該
轉(zhuǎn)換成對應(yīng)的什麼 CSS 語句。當你解決了第一個問題，知道如何結(jié)構(gòu)化你的 HTML，我再給出一個列表，詳細列出原來的表
現(xiàn)屬性用什麼 CSS 來代替。
結(jié)構(gòu)化 HTML
當我們剛學(xué)習(xí)網(wǎng)頁製作時，總是先考慮怎麼設(shè)計，考慮那些圖片、字體、顏色、以及佈局方案。然後我們用 Photoshop
或 Fireworks 畫出來、切割成小圖。最後再透過編輯 HTML 將所有設(shè)計還原表現(xiàn)在頁面上。
如果你希望你的 HTML 頁面用 CSS 佈局(是 CSS-friendly 的)，你需要回頭重來，先不考慮“外觀”，要先思考你的頁面
內(nèi)容的語意和結(jié)構(gòu)。
外觀並不是最重要的。一個結(jié)構(gòu)良好的 HTML 頁面可以以任何外觀表現(xiàn)出來，CSS Zen Garden 是一個典型的例子。 CSS Zen
Garden 幫助我們最終認識到 CSS 的強大力量。
HTML 不僅只在電腦螢?zāi)簧祥喿x。你用 photoshop 精心設(shè)計的畫面可能無法顯示在 PDA、行動電話和螢?zāi)婚喿x機上。但
是一個結(jié)構(gòu)良好的 HTML 頁面可以透過 CSS 的不同定義，顯示在任何地方，任何網(wǎng)路裝置上。
開始思考
首先要學(xué)習(xí)什麼是"結(jié)構(gòu)"，有些作家也稱之為"語意"。這個術(shù)語的意思是你需要分析你的內(nèi)容區(qū)塊，以及每個內(nèi)容服務(wù)的
目的，然後再根據(jù)這些內(nèi)容目的建立起對應(yīng)的 HTML 結(jié)構(gòu)。
本網(wǎng)站聲明
本站所有資源都是由網(wǎng)友投搞發(fā)佈，或轉(zhuǎn)載各大下載站，請自行檢測軟件的完整性！ 本站所有資源僅供學(xué)習(xí)與參攷，請勿用於商業(yè)用途，否則產(chǎn)生的一切後果將由您自己承擔(dān)！ 如有侵權(quán)請聯(lián)繫我們刪除下架，聯(lián)繫方式： admin@php.cn
相關(guān)推薦
《Div和CSS結(jié)合怎樣佈局》
《Div和CSS結(jié)合怎樣佈局》
網(wǎng)頁製作
2018-01-08
手工烘焙美食網(wǎng)站模板
手工烘焙美食網(wǎng)站範本網(wǎng)站範本是提供各種手工烘焙美食宣傳網(wǎng)站範本下載。提示：本範本呼叫到Google字體庫，可能會出現(xiàn)頁面開啟比較緩慢。
前端模板
2023-10-30
現(xiàn)代人工智慧寫作服務(wù)公司網(wǎng)站模板
現(xiàn)代人工智慧寫作服務(wù)公司網(wǎng)站範本是提供人工智慧寫作服務(wù)的公司宣傳網(wǎng)站範本下載。提示：本範本呼叫到Google字體庫，可能會出現(xiàn)頁面開啟比較緩慢。
前端模板
2023-10-30
方案規(guī)劃解決服務(wù)工作室網(wǎng)站模板
方案策劃解決服務(wù)工作室網(wǎng)站範本是提供各種策劃方案服務(wù)的公司宣傳網(wǎng)站範本下載。提示：本範本呼叫到Google字體庫，可能會出現(xiàn)頁面開啟比較緩慢。
前端模板
2023-10-30
智慧商業(yè)諮詢服務(wù)公司網(wǎng)站模板
智慧商業(yè)諮詢服務(wù)公司網(wǎng)站範本是提供各種商業(yè)諮詢服務(wù)的公司宣傳網(wǎng)站範本下載。提示：本範本呼叫到Google字體庫，可能會出現(xiàn)頁面開啟比較緩慢。
前端模板
2023-10-25
IT解決方案提供者宣傳網(wǎng)站模板
IT解決方案供應(yīng)商宣傳網(wǎng)站範本是適合提供各種IT技術(shù)解決方案的公司宣傳網(wǎng)站範本下載。提示：本範本呼叫到Google字體庫，可能會出現(xiàn)頁面開啟比較緩慢。
前端模板
2023-10-25
HTML5企業(yè)區(qū)塊鏈服務(wù)網(wǎng)站模板
HTML5企業(yè)區(qū)塊鏈服務(wù)網(wǎng)站範本是為企業(yè)提供區(qū)塊鏈服務(wù)的公司宣傳網(wǎng)站範本下載。提示：本範本呼叫到Google字體庫，可能會出現(xiàn)頁面開啟比較緩慢。
前端模板
2023-10-24
印度宗教文化教育網(wǎng)站模板
印度宗教文化教育網(wǎng)站範本是適合印度宗教文化教育宣傳服務(wù)網(wǎng)站範本下載。提示：本範本呼叫到Google字體庫，可能會出現(xiàn)頁面開啟比較緩慢。
前端模板
2023-10-24
熱門推薦
TP5實戰(zhàn)_教學(xué)管理系統(tǒng)整站源碼
本套教程,以一個真實的學(xué)校教學(xué)管理系統(tǒng)為案例,手把手教會您如何在一張白紙上,從零開始,一步一步的用ThinkPHP5框架快速開發(fā)出一個商業(yè)項目,讓您快速入門TP5項目開發(fā)。
課件源碼
2017-08-11
php常用函數(shù)總結(jié)表
php常用的函數(shù)，開發(fā)會經(jīng)常需要用上的函數(shù)
課件源碼
2017-08-26
PHP實戰(zhàn)天龍八部之仿愛奇藝電影網(wǎng)站課程
PHP實戰(zhàn)天龍八部之仿愛奇藝電影網(wǎng)站課程
課件源碼
2018-04-16
TP5企業(yè)站開發(fā)原始碼
本站《ThinkPHP5企業(yè)站點快速開發(fā)課程》配套
課件源碼
2017-08-21
Thinkphp6.0正式版影片教學(xué)
Thinkphp6.0正式版影片教學(xué)
課件源碼
2021-12-03
thinkphp3.2.3部落格模版
thinkphp3.2.3部落格模版
課件源碼
2017-08-14
通用後臺管理系統(tǒng)實戰(zhàn)開發(fā)（Thinkphp6+Layui）相關(guān)課件
通用後臺管理系統(tǒng)實戰(zhàn)開發(fā)（Thinkphp6+Layui）相關(guān)課件
課件源碼
2021-09-27
ThinkPHP5商城計畫實戰(zhàn)影片教學(xué)課程源碼
ThinkPHP5商城計畫實戰(zhàn)影片教學(xué)課程源碼
課件源碼
2017-08-28
第49~58天教學(xué)源碼
第49~58天教學(xué)源碼
vip課件源碼
2018-02-03
直播課_Blog專案原始碼
直播課_Blog專案原始碼
課件源碼
2017-09-18
