css网页布局基础

原创 2015年11月17日 23:49:46
  1. 块级元素,行级元素都是盒子模型
  2. 这里写图片描述
  3. 三种定位机制:标准文档流、浮动(float)及绝对定位
    1. margin auto;
    2. (1)设置了浮动的元素仍然处于标准文档流中
      (2)当设置浮动,没有输入内容,就会缩成一个点
      (3)浮动会影响接下来的下一个元素
      (4)清除浮动:
      clear:both
      width:100%;overflow:hidden;
      当父块上的两个元素设置浮动,把父块缩成一条的时候,之后用第二种方法清除浮动
    3. 这里写图片描述
      static表示正常定位
      relative 相对于原来位置偏移,出现堆叠,但仍处在标准文档流中
      absolute和fixed都属于绝对定位,完全脱离了标准文档流,产生堆叠,兄弟元素不再受之影响(1)absolute时,没有设置宽度,则宽度随内容(2)带有偏移量时,absolute参照最近的具有定位祖先元素进行偏移(静态定位不算,没有则是html,不是body)(3)不带偏移量时,以body左上角(4)使用absolute实现列布局时,常用于一个宽度固定,另一个宽度自适应
  4. div的高度一般不要设置
版权声明:如果文中有任何问题或者值得讨论的地方,都可以在下方留言或者QQ526664687,欢迎交流!!!

DIV+CSS网页布局基础知识整理

  • 2015年10月27日 02:25
  • 8KB
  • 下载

前端基础学习-常见CSS网页布局

常见的网页布局大致分为:一列布局,两列布局,三列布局以及混合布局一列布局 Document .header{ height: 8...

CSS网页布局常用的基础知识

 52CSS.com中汇集了大量的CSS知识,这些知识已经非常全面了,但很多CSSer新手初来本站,依然云里雾里,现整理一些DIVCSS网页布局常用的一些基础知识,供大家学习,欢迎补充及提一些建议。 ...

CSS基础(滑动门,雪碧图,网页布局)

3.11.2017 这一篇主要是关于滑动门技术的学习,还有雪碧图(sprite),也就是精灵图,还有一点昨天的css可见性的回顾,下面先来回顾下吧 CSS可见性(元素可见性) overflow:...

CSS布局模型/网页布局基础

CSS布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不...

html css div网页布局

  • 2014年05月26日 20:42
  • 1KB
  • 下载

div+css网页布局

  • 2012年11月25日 19:58
  • 4.66MB
  • 下载

【CSS】关于div的对齐与网页布局

div布局之所以要学懂学透,是因为table的布局实在是难堪大用,如果是同处于一个表格之内, 各行的规格分布根本就没法调, 例如下面的一段非常简单的代码: 无标题文档 1111...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css网页布局基础
举报原因:
原因补充:

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