- 設計理念
-
自學網頁快一年了,真的懂嗎???
編輯:恒越科技 更新時間:2014-07-30 16:46:49 點擊次數:3113次以下是我的理解:
制作網頁就像是制作一張海報,需要內容和美工。內容由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問題,因為火狐瀏覽器也會出現這個問題。到底是怎么回事呢???自學網頁的這一年走了很多彎路,很迷茫,真心希望能在藍色理想貼吧里遇到點燈之路的人,解答我心中的迷惑,自學的孩子真的傷不起!
希望懂網頁布局的一些高手能給我點這方面的指導,上面只是我個人的理解,肯定有問題,雖然是以描述的方式寫的,但目的是為了讓大家更多的發現我在布局方面理解的問題,真心求大師給我下上面一些疑問的答案!!!!!真心的謝謝~~~!!! -
熱門文章推薦:
- 2024-10-17如何取消在excel中輸入郵箱后自動產生的超鏈接
- 2024-09-18洛陽恒越科技針對教育培訓行業網站建設的剖析
- 2024-08-21洛陽恒越科技創造深度用戶體驗,未來網站設計更注重手機用戶
- 2024-07-16【營銷型網站】恒越科技營銷網站實施標準
- 2024-06-18【洛陽做網站】專業的網站怎么做?
- 2024-04-25【洛陽做網站】各種常用的默認端口號 總結
- 2024-04-22【洛陽做網站】配置云虛擬主機的偽靜態如果不起作用,可以按照以下步驟排查
- 2024-04-08【洛陽做網站】網站信息在百度收錄如何查詢?品牌是否被收錄常用的多種方法
- 2023-06-25【技術問題】新網站頁面不收錄的原因有哪些?如何破局!
- 2021-08-27【技術問題】360提交入口
- 2021-08-27【技術問題】百度提交入口
- 2020-06-28【技術問題】常見網站CSS樣式重置
- 2020-03-04【洛陽做網站】響應式網站應設置的視口(viewPort)
- 2020-03-02【公司頭條】新的一年,2020加油啟航!
- 2020-03-02【技術問題】簡單對比WDCP與寶塔面板WEB環境區別與選擇建議
- 2020-01-10【技術問題】linux centos 寶塔主機控制面板安裝和安全狗安裝過程記錄
- 2020-01-07【洛陽網站建設】網站首頁總是頻繁被劫持該怎么辦?
- 2019-11-20【洛陽網站建設】小程序支付成功后關注公眾號的選擇框能不能默認勾選?
- 2019-03-06【洛陽做網站】如何完成一個高質量的設計工作?
- 2019-01-28【新年快樂】2019年春節放假通知!