久久中文字幕精品,久久香蕉国产线看观看99,国产高清在线精品二区一,亚洲综合无码精品一区二区三区

當前位置:首頁 新聞中心 設計理念
設計理念

自學網頁快一年了,真的懂嗎???

編輯:恒越科技 更新時間:2014-07-30 16:46:49 點擊次數:3114次 

以下是我的理解:
       制作網頁就像是制作一張海報,需要內容和美工。內容由body里的代碼表現,而美工則由css。說起美工,我感覺體現在布局、圖片和顏色(當然,交互那一塊兒這次不討論)。而布局是網頁制作不可回避的一個話題。對于布局我思考了很長時間,也練習了很多網頁。我是這樣理解的,不知道是否正確:
           1.布局的基礎是默認的標準流:塊級元素橫向擴充為父級的長度,縱向根據內容自適應。內聯元素橫向排列。 然后在默認流的基礎上,通過為元素添加margn屬性,可以實現元素的隔離,居中排列等一些基本的布局。最后可以通過float屬性實現元素橫向排列的效果加上position的絕對定位可以實現盒子的疊加。而一個網頁的整體布局正是這些分散布局知識的整合。
           2.但說起布局,不得不說網頁的標記元素,html元素可以分為三類:塊級元素、內聯元素、可置換元素。正是因為這些元素的一些特性,導致網頁布局成為一件復雜的事情。先說margin,看了很多網頁教程書,發現對margin的介紹很是淺顯。當我查了很多帖子,翻了很多書,才知道原來margin并不是那么簡單。首先,對于不同元素margin的用法就有所不同。①塊級元素它的特性完全體現,但內聯元素里只有左右margin有用 ②大家可能都知道外邊距合并問題,但父盒子和第一個子盒子出現的外邊距合并問題大家可能會忽略,盡管有文章說這是IE內核的haslayout渲染問題,但我不太贊成,這個最后再說。  正是因為margin這個常用屬性對不同元素類別的用法不同,再加上很多新手對網頁元素的類別搞得不太清,導致布局時出現很多莫名其妙的問題。 說起根本,我感覺還是和一些教程書有關,沒有把網頁元素的分類和布局聯系起來。
           3.現在說說元素類別的之間的一些轉換特性。塊級元素通過設置浮動可以實現橫向排列,達到inline-block的效果。內聯元素通過設置浮動和絕對定位也可以達到inline-block的效果。
           4.最后,我感覺網頁布局大體可以這樣:整體的wrap可以通過默認流和margin來實現   而一個盒子內部的細致布局需要這些布局知識的合并。

     最后提出我的一些疑問:
            1.為什么不同瀏覽器會有各自的一些私有屬性,這些標記的屬性不是w3c定義的嗎?有人說先出現瀏覽器再出現html的,到底這中間是個什么關系呢??求解答??
            2.w3c里是不是已經把html元素種類分為了block\inline\block-inline三類    而他們之間的轉換就是inline通過絕對定位和浮動可以實現block 而block通過display:inline 可以實現block
            3.在w3cschool里把margin外邊距合并問題歸為了垂直外邊距合并和普通的合并兩類,而on having layout里吧垂直外邊距合并問題歸為IE的haslayout問題。我感覺應該不是IE的haslayout問題,因為火狐瀏覽器也會出現這個問題。到底是怎么回事呢???

    自學網頁的這一年走了很多彎路,很迷茫,真心希望能在藍色理想貼吧里遇到點燈之路的人,解答我心中的迷惑,自學的孩子真的傷不起!
    希望懂網頁布局的一些高手能給我點這方面的指導,上面只是我個人的理解,肯定有問題,雖然是以描述的方式寫的,但目的是為了讓大家更多的發現我在布局方面理解的問題,真心求大師給我下上面一些疑問的答案!!!!!真心的謝謝~~~!!!

信息來自網絡,由洛陽做網站洛陽網站建設洛陽網絡公司整理編輯。

熱門文章推薦:
關閉地圖