html元素分类
HTML元素大可分为两类:内联(inline)元素、块(block)元素。任何不是块级元素的可见元素都是内联元素。
操作方法
- 01
什么是块状元素呢? 块状元素就是以块显示的元素,高度宽度都是可以设置的。
- 02
块状元素的特点: 1、总是在新行上开始;2、高度,行高以及外边距和内边距都可控制;3、不设置宽度,那么宽度就等于父类的宽度;4、它可以容纳内联元素和其他块元素。
- 03
常见的块状元素: div、p、h1~h6、hr、table、ul、
- 04
块状元素会自动换行。效果如图:
内联(inline)元素
- 01
什么是内联元素? 内联元素主要用于显示文本,与块级元素相反,内联元素的高度宽度是不可以设置的,其宽度就是自身文字或者图片的宽度。
- 02
内联元素的特点 1、元素不会换行,高和外边距不可改变;2、宽度设置无效,它的宽就是它的文字或图片的宽度3、高度height无效,可以通过line-height来设置文本的行高;4、设置margin只有左右margin有效,上下无效;5、设置padding只有左右padding有效,上下则无效。 6、内联元素只能容纳文本或者其他内联元素。
- 03
常见的内联元素: span、a、b、font、i、img、select、textarea、input等
- 04
行内元不会自动换行,会自动把文本内容显示成一行。如图:
赞 (0)