ComputerScienceandApplication计算机科学与应用,2019,9(3),531-538PublishedOnlineMarch2019inHans.
http://www.
hanspub.
org/journal/csahttps://doi.
org/10.
12677/csa.
2019.
93061文章引用:高葵,李蔚妍,付晓翠.
基于CSS+Div的网页布局方法研究[J].
计算机科学与应用,2019,9(3):531-538.
DOI:10.
12677/csa.
2019.
93061ResearchonWebPageLayoutMethodBasedonCSS+DivKuiGao,WeiyanLi,XiaocuiFuSchoolofInformationScienceandEngineering,ShandongAgriculturalUniversity,TaianShandongReceived:Feb.
16th,2019;accepted:Mar.
4th,2019;published:Mar.
11th,2019AbstractTheCSS+Divlayoutmethodhasgainedmoreandmoreapplicationsintheactualwebsitedesignandproduction,andcanbeusedthroughLabelsandCSSpropertysettingsimplementwebpagelayout.
ThroughtheexampleoftheCSS+Divlayoutmethodandtheanalysisandexplanation,thispapergivestheusagemethodandattentiontousetheCSS+Divlayoutmethodtoachievethepurposeofmastering.
KeywordsCSS+Div,Margin,Padding,Border,Position,Float,Clear基于CSS+Div的网页布局方法研究高葵,李蔚妍,付晓翠山东农业大学,信息科学与工程学院,山东泰安收稿日期:2019年2月16日;录用日期:2019年3月4日;发布日期:2019年3月11日摘要CSS+Div布局方法在实际网站设计制作中得到了越来越多的应用,可以通过标签和CSS属性设置实现网页布局.
本文通过CSS+Div布局方法举例并进行分析说明,给出使用CSS+Div布局方法进行布局的使用方法和注意事项,达到掌握的目的.
关键词CSS+Div,外边距,内边距,边框,Position,Float,Clear高葵等DOI:10.
12677/csa.
2019.
93061532计算机科学与应用Copyright2019byauthor(s)andHansPublishersInc.
ThisworkislicensedundertheCreativeCommonsAttributionInternationalLicense(CCBY).
http://creativecommons.
org/licenses/by/4.
0/1.
引言在网页设计中,CSS即层叠样式表,是用来控制网页样式并允许样式与内容分离的一种标记性语言.
Div标签用来定义网页内容中的逻辑区域,是一个块级元素,是一个容器,可以容纳任何网页元素.
使用CSS+Div技术可以实现网页布局.
与使用表格布局方法相比,CSS+Div布局方法具有结构简洁、定位灵活、代码效率高等优点,因此该技术在实际网站设计制作中得到了越来越多的应用,同时也成为网站制作者的必备技术.
但在实际应用中由于对相关概念和属性掌握不透彻,导致在网页布局中出现异常,本文通过CSS+Div布局方法举例并进行分析说明,给出使用CSS+Div布局方法进行布局的使用方法和注意事项,达到掌握的目的.
2.
使用举例2.
1.
相关概念1)盒子模型盒子模型是CSS+Div网页布局的重要概念,网页元素和它周围空间所形成的矩形区域称为盒子(box)[1],根据需要将网页中的盒子进行排列和分布,就形成了网页布局.
盒子模型将页面中的每个元素看作一个矩形框,这个框由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成.
按top、bottom、left、right的四个方向,分别进行定义和设置,描述盒子属性.
具体设置如下图1所示.
Figure1.
Boxmodelstructureandproperties图1.
盒子模型结构和属性2)标签标签是盒子模型的主要载体[2],具有分割网页的功能.
标签是一个块状容器类标签,在和
hosthatch在做美国独立日促销,可能你会说这操作是不是晚了一个月?对,为了准备资源等,他们拖延到现在才有空,这次是针对自己全球14个数据中心的VPS。提前示警:各个数据中心的网络没有一个是针对中国直连的,都会绕道而且ping值比较高,想买的考虑清楚再说!官方网站:https://hosthatch.com所有VPS都基于KVM虚拟,支持PayPal在内的多种付款方式!芝加哥(大硬盘)VPS5...
BuyVM针对中国客户推出了China Special - STREAM RYZEN VPS主机,带Streaming Optimized IP,帮你解锁多平台流媒体,适用于对于海外流媒体有需求的客户,主机开设在拉斯维加斯机房,AMD Ryzen+NVMe磁盘,支持Linux或者Windows操作系统,IPv4+IPv6,1Gbps不限流量,最低月付5加元起,比美元更低一些,现在汇率1加元=0.7...
spinservers是Majestic Hosting Solutions,LLC旗下站点,主营美国独立服务器租用和Hybrid Dedicated等,spinservers这次提供的大硬盘、大内存服务器很多人很喜欢。TheServerStore自1994年以来,它是一家成熟的企业 IT 设备供应商,专门从事二手服务器和工作站业务,在德克萨斯州拥有40,000 平方英尺的仓库,库存中始终有数千台...
css加载失败为你推荐
三星iphone企业建网站企业建网站有什么用?特朗普吐槽iPhone华为余承东吐槽iPhone X,除了贵啥优点都没有美要求解锁iPhone如何看美版苹果是有锁无锁银花珠树晓来看谜语白色花无人栽一夜北风遍地开。旡根无叶又无枝不知是谁送花来。谜底是什么小型汽车网上自主编号申请机动车自主选号有几种办法zhuo爱作文:温暖的( )即时通如何使用即时通啊可信网站可信网站认证123456hdAPP上面带有HD是啥意思
国外网站空间 备案域名购买 免费网站域名注册 二级域名申请 lamp a2hosting 128m内存 轻博 debian6 天互数据 微信收钱 国外免费全能空间 徐正曦 isp服务商 七夕快乐英语 湖南idc 中国联通宽带测速 国外网页代理 97rb rewritecond 更多