【基础五】块状元素及内联元素.docVIP

作者：KwooJan出处： 本文版权归作者和w3cfuns共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接，否则保留追究法律责任的权利。 【基础五】块状元素和内联元素 ? ?? ???我们在布局页面的时候，会将HTML标签分成两种，块状元素和内联元素（我们平时用到的标签div和p就是块状元素，链接标签a就是内联元素）。它们是很重要的两个概念，既然说到概念就先看看块状元素和内联元素的定义，在定义中你要留意它们两个的不同之处。注：这节课看似挺长，其实内容很少，通过举例子帮助大家更容易理解而已，不要被眼前的文字和代码吓到。块状元素? ?? ???一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。常见块状元素为div和p。内联元素? ?? ???内联元素只能容纳文本或者其他内联元素，它允许其他内联元素与其位于同一行，但宽度(width)高度(height)不起作用。常见内联元素为“a”。做了个对比表，帮助大家理解。 7?天前 上传 下载附件 (2.97 KB) 对于上面的概念，我们用实例的方式给大家讲明白，如下【要求】ID为div1的红色(#900)区域，宽度和高度均为300像素，并且包含一个ID为div2的绿色区域，长度宽度均为