说几个网站制作的常见布局方式

作者:www.km119.net 时间:2023-04-07 17:11  点击:
昆明轩创网络的小编一直认为表格(table)元素最开始用于显示和管理数据信息,因为其具有直观易懂、易上手的特征,后来主要用于网页布局。但表格的单元格之间独立性比较差,制作网页效率不高,编码杂乱,不适用于构造繁琐的网页布局。
 
网站制作布局方式
 
伴随着制作网页技术的发展和客户体验需求的提高,基于CSS盒模型的布局方式产生,它有三种基本的定位机制:标准流、浮动定位和位置定位。其中标准流中的元素由元素在HTML所处的位置决定,块级元素自上而下顺序排列,行内元素在一行中从左往右水平排序;为了达到网页制作的操作灵活性,选用浮动定位法建立多列的网页结构,属性float的值可以设置为left或是right等,使元素浮动到左边或是右边而成为一行,浮动可以用在任何元素,并从标准流中脱离出来。
 
但是用浮动布局也有弊端,例如浮动后的块元素高度必须要一致,否则就会产生“锯齿相错”,也会对布局中的其他元素造成一定的影响;用位定位法,是依靠元素的坐标进行定位从而实现元素的排列,position属性的四个属性值较为常用,除静态定位static外,其他三个定位属性需要计算好每个元素详细的坐标,配合使用left、top等进行布局。这样效率上明显比较低,修改也极不方便,因而在实际操作中,位定位法多用于实现层叠效果。
上一篇:动态网站建设中应用多种要素的意义
下一篇:来说几个网页设计中的色彩搭配技巧

相关文章