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网页布局基础篇

  • 2012-10-21 09:47
  • 3.47MB
  • 下载

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

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

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

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

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

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

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

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

CSS网页布局实录-第二版

  • 2016-11-22 08:55
  • 45.34MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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