在网页中，元素有三种布局模型：
1、流动模型（Flow）
2、浮动模型 (Float)
3、层模型（Layer）
inline-block元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。
内联元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度、行高及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
块级元素特点：
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素本文来源gaodai$ma#com搞$$代**码)网8搞代gaodaima码的宽度一致），除非设定一个宽度。
元素分类
在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。
<code>常用的块状元素有：<span><<span>div</span>></span>、<span><<span>p</span>></span>、<span><<span>h1</span>></span>...<span><<span>h6</span>></span>、<span><<span>ol</span>></span>、<span><<span>ul</span>></span>、<span><<span>dl</span>></span>、<span><<span>table</span>></span>、<span><<span>address</span>></span>、<span><<span>blockquote</span>></span> 、<span><<span>form</span>></span>常用的内联元素有：<span><<span>a</span>></span>、<span><<span>span</span>></span>、<span><<span>br</span>></span>、<span><<span>i</span>></span>、<span><<span>em</span>></span>、<span><<span>strong</span>></span>、<span><<span>label</span>></span>、<span><<span>q</span>></span>、<span><<span>var</span>></span>、<span><<span>cite</span>></span>、<span><<span>code</span>></span>常用的内联块状元素有：<span><<span>img</span>></span>、<span><<span>input</span>></span></code>
‘).addClass(‘pre-numbering’).hide(); $(this).addClass(‘has-numbering’).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('
‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>以上就介绍了网页布局相关知识点整理，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：网页布局相关知识点整理
转载请注明原文链接：网页布局相关知识点整理
