表格(table)元素最初用来显示和组织数据,由于它具有直观易懂、易操作的特点,后来常用于网页布局。但表格的单元格之间独立性较差,制作网页效率低,代码凌乱,不适合用于结构复杂的网页布局。
随着制作网页技术的发展和用户体验需求的提升,基于CSS盒模型的布局方式出现,它有三种基本的定位机制:标准流、浮动定位和位置定位。其中标准流中的元素由元素在HTML中的位置决定,块级元素从上到下依次排列,行内元素在一行中从左到右水平排序;为了实现网页制作的灵活性,采用浮动定位法创建多列的网页结构,属性float的值可设置为left或者right等,使元素浮动到左边或者右边而成为一行,浮动可以应用于任何元素,并从标准流中脱离出来。
但用浮动布局也有弊端,比如浮动后的块元素高度必须要一致,否则就会出现“锯齿相错”,也会对布局中的其他元素造成一定的影响;用位定位法,是依靠元素的坐标进行定位从而实现元素的排列,position属性的四个属性值较为常用,除静态定位static外,其他三个定位属性需要计算好每个元素详细的坐标,配合使用left、top等进行布局。这样效率上明显比较低,修改也极不方便,因而在实际操作中,位定位法多用来实现层叠效果。
网页名称:企业网站建设布局网页常用方法
本文URL:https://www.cdcxhl.com/news15/143365.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设等
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联