基于CSS + Div的固定宽度与变宽度网页布局剖析
Analysis of Fixed and Variable Width Web Page Layout Based on CSS + Div
摘要:
CSS + Div是当前网页设计中实现页面布局的常用技术,可以实现页面代码更少,读取速度更快,更新更容易,页面布局效果更丰富。本文通过举例,给出使用CSS + Div技术,通过Div标签宽度的数值设置,等比例设置,绝对定位法和改进浮动法设置实现固定宽度和变宽度网页布局的使用方法和注意事项,到达掌握的目的。
Abstract:
CSS + Div is a commonly used technology to realize page layout in current web page design, which can realize fewer page codes, faster reading speed, easier updating and richer page layout effect. By way of example, this paper gives the use method and precautions of using CSS + Div technology to realize the fixed width and variable width web page layout through the numerical setting of Div label width, equal proportion setting, absolute positioning method and improved floating method setting, so as to achieve the purpose of mastering.
参考文献
|
[1]
|
Freeman, A. HTML5权威指南[M]. 北京: 人民邮电出版社, 2014: 188-195.
|
|
[2]
|
李东博. HTML5 + CSS3从入门到精通[M]. 北京: 清华大学出版社, 2018: 112-115.
|
|
[3]
|
郑阳平. 网页设计与制作实用教程[M]. 北京: 清华大学出版社, 2016: 158-165.
|
|
[4]
|
王海波. 网页设计与制作——基于计算思维[M]. 北京: 机械工业出版社, 2014: 101-105.
|
|
[5]
|
李毅. 网页制作与开发教程[M]. 北京: 人民邮电出版社, 2015: 193-196.
|
|
[6]
|
黑马程序员. 网页设计与制作HTML5 + CSS3 + JavaScript [M]. 北京: 中国铁道出版社, 2019: 182-185.
|
|
[7]
|
张树明. WEB前端设计基础[M]. 北京: 清华大学出版社, 2018: 80-100.
|
|
[8]
|
徐洪峰. HTML + DIV + CSS [M]. 北京: 清华大学出版社, 2017: 292-295.
|
|
[9]
|
常新峰, 王金柱. 网页设计实战[M]. 北京: 清华大学出版社, 2017: 247-255.
|
|
[10]
|
传智播客高教产品研发部. 网站设计基础教程[M]. 北京: 人民邮电出版社, 2016: 180-198.
|