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