概念介绍
规定这个标签以什么样的形式显示在页面上。通俗本质上,就是可以理解为,这个标签在页面上占一行,还是一小块位置。
主要有:块元素,行内元素,行内块元素。
块元素
描述:就是一个标签占用一行。例如:<h1><div><ul><li>。这种元素都是不自动换行自己占用一整行的。
特点:
1.自己单用一行的空间。
2.宽高内边距外边距都可以自定义。
3.宽度默认是父容器的100%
4.块元素中可以放行内元素或者块级的元素
案例演示:
可以看到我们不改长宽的话他应该占用浏览器一整行的,但是我们可以更改实现改变它的长宽。
注意事项:
文字类块元素内部是不能用其他块级元素的,比如p,h1这类,里面只能放文字。
行内元素
描述:就是那种能够一行放置多个的标签。a。
特点:
1.一行可以有多个
2.不能常规设置长宽,即使设置了也对他无效
3.他的宽根据他的内容自己变化。
4.只能容纳文本或者其他行内元素
注意事项:
a标签中不能有a,但是有些情况a标签能包含块级元素。
行内块元素
描述:同时有上面那两个元素的属性。
特点:
1.和相邻的行内(块)元素可以在一行中,但是他们会有一个缝隙。
2.默认宽度是他们自身宽度
3.高度宽度等可以自定义。
显示模式的转换
描述:他们标签虽然是有默认的,但是不绝对,可以更改他们的显示模式。
元素转换:
案例演示:
看,这个链接变成块元素了。