zoukankan      html  css  js  c++  java
  • 15 标准文档流

    标准文档流,又叫普通流,文档流
    	 是什么:
    		文档流就是html页面
    	 文档流的布局方式:从左到右,从上到下
         特点:
    		拥有块元素,行内元素,
    		margin垂直塌陷,不能移动
    		文字空白出现折叠现象
    		文本类的元素会并排 高低不齐  底边对齐
    		文字排到最右侧,自动换行
    		
           html文档中的元素可以分为两大类:行内元素和块级元素
    	   
    	块级元素
    		范围:所有容器级元素都是块级元素,文本级元素中p元素也是块级元素
    		是什么:
    		  1、可以设置宽高的
              2、独占一行,不与其他元素并排的
              3、未设置宽高时,会继承父亲宽度的100%
    			如:div,p ,h1~h6, ul,dl,li,table,tr,td,form
    
        行内元素
    		范围:除p以外的所有文本级元素
    		是什么:
    		  1、不能设置宽高的,
              2、行内元素和行内元素可以并排的
    			如:input,span,i,em,strong
    
    
    	行块元素之间的转换
                display: block; 常用
                display: inline 很少用 
                display: none 隐藏元素   
    
     margin塌陷(垂直塌陷)
          上下盒子(而不是左右盒子),margin小的值会塌陷在大的值,以2个盒子的boarder为参考点
    	  父子元素塌陷,子元素设置margin,该距离=以父元素内容高度的上边,到子元素的boarder为参考点  。
    父子元素塌陷是什么意思。
    

      

  • 相关阅读:
    noi2002银河英雄传说(并查集)
    Ural1076(km算法)
    km算法的个人理解
    函数之装饰器
    函数进阶(一)
    python全栈测试题(一)
    python基础之循环语句
    字符串方法总结
    python基础3
    python基础2
  • 原文地址:https://www.cnblogs.com/xuanjian-91/p/10986985.html
Copyright © 2011-2022 走看看