HTML與CSS感悟——所見未必是真實

 

       迫於生機辭去自己擅長的Java後端編碼工作及用戶端編程工作轉而投向WEB應用開發。那麼，WEB前段的一些基本知識，比如：HTML基礎、CSS、JS你是不得不瞭解的必備知識，可能不需要精通，但是對其的工作原理，基本表現形式應該瞭然於心。

       為此，我正在看W3C上的html及css，看了之後有挺多感悟，其中感觸最深的如標題所示：所見未必是真實的。以前經常聽人說，要用心去看事物，眼睛所見未必是真實的，我始終不能明白其中道理，HTML和CSS可謂很好地驗證了這一點。比如說下面的dom結構：

       <div id=”content”>

              <div id=”main”></div> <!— 內容展示框 -->

              <div id=”nav”></div> <!— 功能表列 -- >

       </div>

       其表現形式如下所示：

<div id=”nav”> ﹒menu1 ﹒menu1

<div id=”main”> menu1對應的頁面展示

       我一開始很驚奇明明是nav在前的表現形式，其真實dom結構卻是main在前。當然，html中有許多通過css的處理後，使用者看到的表現形式，其真實的dom結構都與其表現形式一致。

       我想這也是CSS的強大之處，html只是毛坯房，最好住進去舒適程度如何，就完全憑藉CSS的運用如何老了。