块级元素(Block Elemen)
块级元素是在页面上独占一行的,常被用来布局段落、列表、导航菜单栏以及脚注等等结构。块级元素设置的宽高是有效的。
常用的块级元素有:
(这个元素是纯粹的块级元素);段落
;一级标题
、二级标题
、三级标题
、...; 表格...
列表标签:
- ordered lists 有序列表,其子元素
- lists序号默认从1开始;
- unordered list 无序标签;
- :标题,
- 列表项。
行内元素(lnline elements)
行内元素是在页面中与其它元素共享一行空间,常常被用作于嵌套与块级元素中,一般会作为段落的一部分出现。
行内元素设置的宽高是无效的。
常用的行内元素有:
(这个元素是纯粹的行内元素);
、加粗效果;
倾斜效果,意味强调;italic 倾斜效果;
underline 下划线;
空格;引用图片;
文本框;
呈现小号字体效果;
用来定义列表中的可用选项,就是选择框; 、分别是上标文本和下标文本; 注意: 块级元素不可以嵌套在行内元素里面,但是行内元素可以嵌套在块级元素里面。 块级元素与行内元素之间的转换: display:inline;可以将块级元素实现行内显示,注意的是宽高无效。 display:block;可以将行内元素实现块级展示,注意的是宽高有效。 display:inline-block;可以设置为行内展示并且宽高是有效的。 display:none;不显示,不占据屏幕的空间。
列表
- definition lists,自定义列表,子元素