当前位置: 传客网 > 页面布局基础原则问题

页面布局基础原则问题

2017-01-10 作者:未知


世界很美,正好你在这里

a-官官


这将是一个全新的开始,关于H5前端技术分享的博文,博主是个H5技术控,在这里将分享博主学到的H5技术。世界很美,正好你还在努力,让我们为了各自的梦想一起共勉。:)

写一个网页最基本的就是写好一个布局的框架,只要布局框架写的好,对于后期的维护和后期兼容更加有效。
页面布局原则问题:
1.布局下先写上下结构,再写左右结构;
2.上下结构只能用块级元素各占一行的特性布局;
3.左右结构:
只要出现左右结构,这些横排出现的元素必须放在一个盒子里面;
左右结构只能用浮动来做;
4.页面中不可以出现高度塌陷BUG(即高度为0的元素);
5.文本不可以单独和html标签成为同级;
6.页面布局不可以强行用定位属性来做,除非页面上有层叠起来的元素;

图/文 | a-官官

 







相关推荐

  • 国际投资协定中的非歧视性原则问题

    国际投资协定中的非歧视性原则问题在双边、区域和多边国际投资协定中,适用非歧视原则的目的与贸易协定相似:有利于优化国际资源配置;充当自由化利益扩散的催化剂;为所有参与者提供一个统一、基于规则的条约体系,增强投资行为的可预期性;减少交易和管理成

  • Android XML基础布局技巧及细节(随笔,持续更新中)。

    本文只是随笔,当整理完成之后,将重新整理成一篇正式的博文。1.五大基本控件。​LinearLayout使用,必须添加android:orientation=""来规定布局的(横/纵)走向。子空间等宽排列android:layou

  • 第5章 CSS页面布局基础

    学习了使用div布局,比之前的Table布局要方便的多。主要就是要掌握使用CSS的语法,注意3种样式表,几种选择器的使用就基本掌握了CSS的使用方法。一.三种样式表外部样式表:如果有多个网页都使用统一风格,就可以使用外部样式表,给这些网页添

  • 3月3号CSS页面布局基础

    CSS来布局很容易。如果你已经习惯用表格布局的话,起先会感觉比较困难。其实不难,只不过动机不同,并且在实践中更有意义。你可以把这一页面的各个部分当作独立的版块来看待,无论你选择哪一块。你可以绝对或相对地用彼块取代此块。定位定位属性posit

  • 使用CSS布局网站页面几点要求少不了

    目前大多数网站程序的布局都采用DIV+CSS的方式,这样代码极大的方便了网站后期的调试和修改,对网站后期的效果起到了很大的作用。但是,CSS布局网站时也需要了解几个重点知识,下面与小编来一起了解下。1.网站打开速度有保证,页面样式代码一般都

  • Div+css页面布局浮动常见问题:

    Div+css页面布局浮动常见问题:Float(浮动)属性脱离普通的文本流,在布局中不占据空间,在页面布局中,经常会碰到子级的层元素没有把父级的层元素(没有定义高度)撑开,这就给我们带来了一个问题,父级层元素的背景没有显示在页面中,当然可以

  • 25个CSS页面布局的小技巧

    现在网页都趋向于W3C标准化,很多设计者都从过去的table布局中跳出转向CSS布局,期间都需要一个自我适应的过程。对CSS网页布局的技巧,可谓是名目繁多。这里将适合新手的CSS网页布局的小技巧总结出来,或许对您更有实际的参考价值:1、ul

  • seo专题页面优化布局网站差异化策略

      seo页面优化打造排名特色通道,是通过网站页面里面的聚合资源文章,结合页面数据来布局的页面,通过聚合页面丰富的关键词,来提升整个网站的排名权重。  seo专题页面优化网站策略  专题页面的设计方案:  设计网站聚合页面,就要对网站的频道

  • 网页版面布局设计的作用、步骤及技巧,网页设计论文

    网页版面布局设计的作用、步骤及技巧,网页设计论文引言随着计算机网络的发展,网络在人们生活中发挥的作用越来越大。网页作为网络的主要依托,已深入到人们生活的各个方面,各种各样的网页不断撞击着人们的眼球。那么,吸引用户停留在某个页面上浏览,除了引

  • css页面布局基础

    外边距4个属性:margin-top/right/bottom/left.width和height属性只能用于元素内容区域。边框border:行为1、边框画在元素的背景之上。2、非可替换内嵌元素(文本元素)的边框对于该元素所在的行高没有影响

  • 2009-09-28 CSS页面布局基础

    1.可设置的CSS属性包括:字体属性、文本属性、颜色及背景属性、边框属性、容器属性(边距属性、填充距属性)、分类属性、鼠标属性。2.字体属性:font-familyfont-stylefont-variantfont-weightfont-

  • CSS页面布局基础

    1CSS盒模型:1.1内边距(padding)1.2边框(border)1.3外边距(margin)2高度(height)和宽度(width)2.1height和width的属性只能用于元素的内容区域。2.2元素的高度是自动计算的,且只能大

  • 从四个方面谈DIV+CSS网页布局对SEO的好处

    SEO搜索引擎优化中有一项很主要的内容是网站内部结构的优化,DIV+CSS代替Table实现了这一点。今天8U网络推广小编从四个方面分析DIV+CSS网页布局对SEO的好处:一、精简代码让蜘珠爬得更幸福使用DIV+CSS布局,页面代码精简,

  • 20个不错的CSS页面布局相关资源推荐

    本篇文章搜集整理的是CSS页面布局的一个很长的列表。如果你时间很少,那么可以下载已经准备好的CSS页面布局,如果你想进行个性化的尝试,下面列出了一些站点你可以不需过多努力而达到效果。漂亮、免费的CSS模板这个站点包括免费的CSS模板,只需复

  • 沈阳专业淘宝美工平面设计网页制作培训机构小班0基础

    沈阳专业淘宝美工平面设计网页制作培训机构小班0基础辽宁同人电商电脑培训机构,开设的淘宝网店设计课程,专注淘宝网店的设计和优化。为广大淘宝创业者提供专业、实用的网店设计指导,彻底摆脱网店设计的难题。增加行业竞争力。招生对象:零基础学员,想获得

  • 教你“0”基础3分钟制作h5移动页面html5微场景

    让不会编程不会写代码的人也可以制作类似Flash的HTML5移动页面,人人秀正是这样一款在线H5移动页面微场景制作工具,并逐渐火爆移动端营销市场。如今该团队推出了自己的在线H5移动页面微场景制作平台人人秀,应用HTML5技术,让你零基础打造

  • CSS实例教程:浮动(float)页面布局

    前四节的大练习大家做的怎么样?有没有难度,如果你觉着有难度没有关系,这节课,我带着大家做一下这个练习!【第一步整体布局与公共CSS定义】我们先来分析一下这个页面页面主要分5大块,顶部的Logo、导航条Nav、Banner、Content、F

  • CSS布局基础小结

    CSS布局基础根据盒模型的概念,每个元素都包括边框(border),外边距(margin),内边距(padding),宽(width)和高(height)。这些属性可以使用快捷方式表示,顺序为上右下左,值之间用空格分隔。定位用positio

  • ECshop 页面修改及出错处理方法基础知识(第一部分)

    1.ecshop,用户注册页面相关说明用户注册地址:user.php?act=register模板地址:themes\yige(模板目录)目录下的user_passport.dwt文件。在user_passport.dwt文件中,{$lan

  • 组网基础:机房内网络设备布局设计

    IT公司组网,我们不仅要从企业本身的实际需求出发,根据组网经费的多少来务实地规划与设计网络;在采购好网络设备和服务器等设备后,如何对机房、办公地点进行合理的网络布局与布线,对于我们网管员来说,是致关重要的。本文所说的网络布局主要是指机房里的

返回
顶部