页面布局基础原则问题


世界很美,正好你在这里

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元素的高度是自动计算的,且只能大

你的评论

就没有什么想说的吗?

最新博客

关于我们 移动版

©2017传客网    琼ICP备15003173号-2    

本站部分文章来源于互联网,版权归属于原作者。
本站所有转载文章言论不代表本站观点,如是侵犯了原作者的权利请发邮件联系站长(weishubao@126.com),我们收到后立即删除。
站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!

X