1. 块级元素--block
标题标签。与 | 是行内块标签。 form表单,用于用户输入创建 HTML 表单,包含input、label等元素。 块级标签特点 1)独自占一行; 2)可设置宽高,默认是父标签的100%。 2. 行内元素--inline 组合行内元素,以便通过样式来格式化它。 超链接标签。 强调,倾斜。 显示斜体文本效果。 强调,加粗。 行内元素特点 1)在一行内显示; 2)不可设置宽高; 3)如果把行高设置为父级块元素的高度,则该行相对于父级元素会在垂直方向居中显示。 3. 行内块元素--inline-block 图片标签。 表单中的输入标签。 行内块元素特点 1)拥有行内元素的特点。; 2)可设置宽高。 这些标签的显示方式并不是固定不变的,都可以通过设置css的display属性值来相互转换,display有inline, block, inline-block等属性值。 通过以上这些标签的配合,我们就可以把许多网站的基本结构搭出来了。 |
---|