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

原创 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
  • 248

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

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

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

第三天 终于结束了 慕课HTML+CSS部分的HTML基本语句~~~ 今天 看完HTML以后 我需要冷静一下 回顾一下 嗯,就这样。 表单中的各种按钮~~~ 1st. 提交按钮 ...
  • YaKIcoo
  • YaKIcoo
  • 2015年11月18日 23:48
  • 194

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

今天是南大软院大神养成计划实施的第十六天,今天继续学习jQuery基础。 一.过滤性选择器 该类型的选择器是根据某过滤规则进行元素的匹配,书写时以“:”号开头,通常用于查找集合元素中的某一位置的单个元...
  • qq_23418043
  • qq_23418043
  • 2015年12月01日 10:07
  • 228

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

今天分享一段代码,效果如附图, 代码如下: /> 高度自适应的三行三列宽度固定布局 *{ margin:0; padding:0; font-size:14p...
  • jx370
  • jx370
  • 2015年11月24日 23:59
  • 202

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

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

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

今天是南大软院大神养成计划实施的第十四天,离结束越来越近了,我也要加紧学习了。今天学习的主要内容是jS动画剩下的部分——链式运动和同时运动和一些动画案例。 链式运动: 什么是链式运动呢?链式运动就...
  • qq_23418043
  • qq_23418043
  • 2015年11月29日 20:36
  • 257

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

我要做的是一个点击商品的购物栏,实现点击商品可以获得商品的详情信息,并且可以保存浏览记录。这里面用的是Model1:JSP+Javabean来实现。 首先,这里面有三个类,DBHelper,实体类和业...
  • TimeSea
  • TimeSea
  • 2015年11月28日 09:19
  • 177

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

今天是南大软院大神养成计划实施的第十三天,今天学习的主要内容是JS动画效果。 在浏览网页时候,我们经常会看到一些动画,有一些是flash动画,有一些则是用js编写的js动画,比如我们鼠标移动在某一个...
  • qq_23418043
  • qq_23418043
  • 2015年11月28日 20:38
  • 173

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

首先感谢南昌大学软件学院可以给我们这个一个机会来自己自主独立完成一些大学生本应该多做的事情:多学习,多总结。开卷有益,但最难的还是持之以恒,作为一个Web前端的初学者,希望可以通过此次比赛增长自己的业...
  • TimeSea
  • TimeSea
  • 2015年11月16日 22:16
  • 227
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院大神养成计划--第三天网页布局
举报原因:
原因补充:

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