学校网站设计及代码,福建住房和建设网站,php网站建设个人总结,wordpress 整理插件学习的初期#xff0c;我们就要知道#xff0c;标准文档流等级森严。标签分为两种等级#xff1a; 行内元素块级元素比如h1标签和span#xff0c;同时设置宽高#xff0c;来看浏览器效果#xff0c;那么你会发现#xff1a; 行内元素和块级元素的区别#xff1a;#… 学习的初期我们就要知道标准文档流等级森严。标签分为两种等级 行内元素块级元素比如h1标签和span同时设置宽高来看浏览器效果那么你会发现 行内元素和块级元素的区别非常重要 行内元素 与其他行内元素并排不能设置宽、高。默认的宽度就是文字的宽度。块级元素 霸占一行不能与其他任何元素并列能接受宽、高。如果不设置宽度那么宽度将默认变为父亲的100%。块级元素和行内元素的分类 在以前的HTML知识中我们已经将标签分过类当时分为了文本级、容器级。 从HTML的角度来讲标签分为 文本级标签p、span、a、b、i、u、em。容器级标签div、h系列、li、dt、dd。 PS为甚么说p是文本级标签呢因为p里面只能放文字图片表单元素p里面不能放h和ulp里面也不能放p。 现在从CSS的角度讲CSS的分类和上面的很像就p不一样 行内元素除了p之外所有的文本级标签都是行内元素。p是个文本级但是是个块级元素。 块级元素所有的容器级标签都是块级元素还有p标签。 块级元素和行内元素的相互转换 我们可以通过display属性将块级元素和行内元素进行相互转换。display即“显示模式”。 块级元素可以转换为行内元素 一旦给一个块级元素比如div设置 display: inline; 那么这个标签将立即变为行内元素此时它和一个span无异。inline就是“行内”。也就是说 此时这个div不能设置宽度、高度此时这个div可以和别人并排了行内元素转换为块级元素 同样的道理一旦给一个行内元素比如span设置 display: block; 那么这个标签将立即变为块级元素此时它和一个div无异。block”是“块”的意思。也就是说 此时这个span能够设置宽度、高度此时这个span必须霸占一行了别人无法和他并排如果不设置宽度将撑满父亲 标准流里面的限制非常多导致很多页面效果无法实现。如果我们现在就要并排、并且就要设置宽高那该怎么办呢办法是移民脱离标准流 css中一共有三种手段使一个元素脱离标准文档流 1浮动2绝对定位3固定定位转载于:https://www.cnblogs.com/mayugang/p/10303588.html
