企业网站建设布局网页常用方法
表格(table)元素最初用来显示和组织数据,由于它具有直观易懂、易操作的特点,后来常用于网页布局。但表格的单元格之间独立性较差,制作网页效率低,代码凌乱,不适合用于结构复杂的网页布局。
随着制作网页技术的发展和用户体验需求的提升,基于CSS盒模型的布局方式出现,它有三种基本的定位机制:标准流、浮动定位和位置定位。其中标准流中的元素由元素在HTML中的位置决定,块级元素从上到下依次排列,行内元素在一行中从左到右水平排序;为了实现网页制作的灵活性,采用浮动定位法创建多列的网页结构,属性float的值可设置为left或者right等,使元素浮动到左边或者右边而成为一行,浮动可以应用于任何元素,并从标准流中脱离出来。
但用浮动布局也有弊端,比如浮动后的块元素高度必须要一致,否则就会出现“锯齿相错”,也会对布局中的其他元素造成一定的影响;用位定位法,是依靠元素的坐标进行定位从而实现元素的排列,position属性的四个属性值较为常用,除静态定位static外,其他三个定位属性需要计算好每个元素详细的坐标,配合使用left、top等进行布局。这样效率上明显比较低,修改也极不方便,因而在实际操作中,位定位法多用来实现层叠效果。
网站栏目:
企业网站建设布局网页常用方法
网页网址:
http://dzwzjz.com/view/143365.html