HTML布局标签

2019-04-10

div

块元素,所有块元素都独占一行进行格式渲染

div的float属性具有传导性,如果多个div,前面的div都设置了float属性,则后面的div默认具有float属性,如不想使用float属性,则加入"clear: both"

span

行内元素,进行格式渲染时并不独占一行,宽高设置无效

ul 无序列表

属性 描述
type disc (实心圆,默认值) square(方块) circle (空心圆) 规定列表的项目符号的类型

html5新用法:在style中设置list-style-type属性

水平排列:使用float属性

ol 有序列表

属性 描述
type 用于设置项目编号类型
start 可以让有序列表不以"1"为起始编号
reversed 指定列表倒序显示

dl

可以将一组术语与其定义配对显示

dt 定义

dd 描述

块元素

总是在新行上开始
行高以及边距可以控制。
如不设置宽度,默认为100%。可以自由设置宽高。

常用块元素:

 

-




    1. 样式:display:block;

      行内元素

      和其他元素都在一行上
      行高及边距不可改变
      宽度、高度就是自身文字或图片的尺寸,不可改变

      常用行内元素:
      样式:display:inline

      内联块状元素

      和其他元素都在一行上
      元素的高度、宽度、行高以及边距都可设置。

      常用元素:
      样式:display:inline-block;

      你可能感兴趣的:(HTML布局标签)