CSS中什么是块级元素?

html-css041

CSS中什么是块级元素?,第1张

CSS中常见的块级元素：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>。

块级元素的特点：

每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。元素的高度、宽度、行高和顶底边距都是可以设置的。元素的宽度如果不设置的话，默认为父元素的宽度。

行级元素的特点：

可以和其他元素处于一行，不用必须另起一行。元素的高度、宽度及顶部和底部边距不可设置。元素的宽度就是它包含的文字、图片的宽度，不可改变。

拓展资料：行级元素与块级元素的转换

可以在css样式中用display:inline将块级元素设为行级元素，同样，也可以用display:block将行级元素设为块级元素。（资料参考：网页链接）

块状元素特点：

1、独占一行，在默认情况下，宽度自动填满父元素宽度

2、宽度和高度可以控制

3、margin和padding横向纵向设置都有效

4、可以通过display: inline转换为行内元素

5、除个别特殊元素外，可包含块状元素和行内元素

行内元素特点：

1、不能独占一行

2、宽高由内容撑开

3、margin和padding横向设置有效，纵向设置不产生边距效果

4、可以通过display: block转换为块状元素

5、除ins和del外，不能包含块状元素

《HTML标签嵌套规则》

CSS中display:block意思如下：

如果用<div>+<a>做一个按钮，这个能理解吧，就是 想通过 link 来实现跳转，但是看起来是个按钮，且不需要触发事件。而且 css 也比 button 的好用。

这中情况下，如果不是“块”block，那么只要点到文字上时才会触发，点到 按钮<div>但是没点到字是不行的，但是用了 block 后，整个按钮都可以承载 a 的link操作了

css中的display是设置元素显示的方式,block是一块状元素的方式显示，

inline是以内联元素的方式显示，none是不不显示；

块状元素会单独占据一样，其他元素跟他在同一行的会被迫换行，挤到下一行那里去，inline则不会这样。