表格(table)元素最初用來顯示和組織數據,由于它具有直觀易懂、易操作的特點,后來常用于網頁布局。但表格的單元格之間獨立性較差,制作網頁效率低,代碼凌亂,不適合用于結構復雜的網頁布局。
隨著制作網頁技術的發展和用戶體驗需求的提升,基于CSS盒模型的布局方式出現,它有三種基本的定位機制:標準流、浮動定位和位置定位。其中標準流中的元素由元素在HTML中的位置決定,塊級元素從上到下依次排列,行內元素在一行中從左到右水平排序;為了實現網頁制作的靈活性,采用浮動定位法創建多列的網頁結構,屬性float的值可設置為left或者right等,使元素浮動到左邊或者右邊而成為一行,浮動可以應用于任何元素,并從標準流中脫離出來。
但用浮動布局也有弊端,比如浮動后的塊元素高度必須要一致,否則就會出現“鋸齒相錯”,也會對布局中的其他元素造成一定的影響;用位定位法,是依靠元素的坐標進行定位從而實現元素的排列,position屬性的四個屬性值較為常用,除靜態定位static外,其他三個定位屬性需要計算好每個元素詳細的坐標,配合使用left、top等進行布局。這樣效率上明顯比較低,修改也極不方便,因而在實際操作中,位定位法多用來實現層疊效果。
網頁名稱:企業網站建設布局網頁常用方法
本文URL:http://m.newbst.com/news15/143365.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站建設等
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯