码迷,mamicode.com
首页 > 其他好文 > 详细

15 标准文档流

时间:2019-06-06 22:53:40      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:form   之间   自动   isp   容器   参考   垂直   方式   strong   

标准文档流,又叫普通流,文档流
	 是什么:
		文档流就是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为参考点  。
父子元素塌陷是什么意思。

  

15 标准文档流

标签:form   之间   自动   isp   容器   参考   垂直   方式   strong   

原文地址:https://www.cnblogs.com/xuanjian-91/p/10986985.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!