南大软院大神养成计划--第三天网页布局

原创 2015年11月18日 23:39:21

现在不想说什么,一道编程题有意思,马上12点,就不多说了。


(以下是归纳)

1、auto会根据浏览的宽度自动来设置两边的外边距。
2、其原理:(浏览器的宽度-外包含层的宽度)/2=外边距
3、如果想让页面自动居中,当设置marign属性为auto时,就不能在设置浮动或是绝对定位属性。
4、自动居中一列布局需要设置 margin 左右值设置为 auto,而且一定要设置width为一个定值。
5、当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容的变化而变化。盒子会紧挨在一起,而不是独占一行
6、清除浮动主要是针对被浮动所影响的元素,一般是对浮动元素的下一个块级元素进行浮动清除,
清除浮动的方法有两种,
一种是常用的clear:both,left/right(用left/right,要求自己能判断)
另一种方式是给需要清除浮动的元素加 width :100%(或固定宽度); overflow:hidden;
6、横向两列布局
主要技能:
(1)float属性-使横向排列的块级元素列布局。
(2)margin属性-设置两列之间的间距
当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般用于紧邻后面的元素的清除浮动(可用overflow方法)

相关文章推荐

南大软院大神养成计划第三天

今天学习的是html和CSS的基础课程,习题做起来很顺手。对于各种属性、代码的掌握程度在练习中会越来越熟练,不得不说再学习一遍的感觉太好了。当然,对于开发网页来说,之后的路还很长。毕竟网页的开发需要将...
  • jx370
  • jx370
  • 2015年11月18日 12:44
  • 230

南大软院大神养成计划——第三天

今天是11月18号,离南大软院大神养成计划实施已经过去了三天,在这三天里,我仍然在复习基础教程。今天我学习的课程是“如何用CSS进行网页布局”和“网页布局基础”。两个课程都是讲解CSS的基础部分,内容...

南大软院大神养成计划 第一天

和很多人不一样,我在此之前是并没有过接触过任何web设计的编程语言的。可能就是因为这样,当今天看见imooc上的代码时,会有点不太适应。是的,我没想到过,居然可以在浏览器里写程序,这确是打破了我之前的...

南大软院大神养成计划——第九天

今天是南大软院大神养成计划实施的第九天,今天学习的主要内容是DOM探索之基础详解篇的剩余两章内容,最后两章内容主要讲解的是“如何判断节点元素类型”和“继承层次和嵌套规则”。 先讲讲“如何判断节点元素...

南大软院大神养成计划--day17

今天学习的是Servlet路径跳转。 1: 使用相对地址(小例子) : 这里面用的是相对路径访问HelloServlet。 这里面的servlet是工程的包名,HelloServlet是类名,这里注意...
  • TimeSea
  • TimeSea
  • 2015年12月02日 13:37
  • 187

南大软院大神养成计划——第十二天

今天是南大软院大神养成计划实施的第十二天,今天学习的内容是DOM事件探秘部分的最后部分——事件类型。事件类型从来大类来分可以分为鼠标事件和键盘事件。 先说说鼠标事件,鼠标事件可以分为click,ov...

南大软院大神养成计划--第四天JavaScript

今天开始学JavaScript (以下是归纳) JavaScript document.write() 输出内容(相当C语言里的printf) var 变量名 ...

南大软院大神养成计划--网站

(1)在制作之前进行首页布局分析,弄清盒子之间的关系,分为顶部,LOGO区,导航区,大图广告区,之后一般分为3个区按功能规划,底部版权区。(2)页面头部制作,分析头部结构,分析盒子结构,根据功能设计样...
  • hiiiji
  • hiiiji
  • 2015年12月03日 21:20
  • 152

南大软院大神养成计划——第一天

参加比赛的第一天 也是第一次写博客 心情是激动地 感觉不要不要的  但是依旧还是要开始的  那么就开始吧  干巴爹 第一天的战况 感觉自己的进度好慢 但是看看...
  • YaKIcoo
  • YaKIcoo
  • 2015年11月16日 23:03
  • 198

初试MVVM框架之React入门【南大软院大神养成计划】

var data = [ {author: "Pete Hunt", text: "This is one comment"}, {author: "Jordan Walke", text: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院大神养成计划--第三天网页布局
举报原因:
原因补充:

(最多只允许输入30个字)