行内元素有哪些,行内元素是什么( 四 )


行内、块状元素区别:
块级元素会独占一行 , 其宽度自动填满其父元素宽度,行内元素不会独占一行 , 相邻的行内元素会排列在同一行里 , 知道一行排不下 , 才会换行 , 其宽度随元素的内容而变化 。
【行内元素有哪些,行内元素是什么】一般情况下 , 块级元素可以设置 width, height属性 , 行内元素设置width,  height无效(注意:块级元素即使设置了宽度 , 仍然是独占一行的)块级元素可以设置margin 和 padding.  行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果 , 但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果 。 (水平方向有效 , 竖直方向无效)

css行内元素有哪些 <a>标签可定义锚

<abbr>表示一个缩写形式

<acronym>定义只取首字母缩写

<b>字体加粗

<bdo>可覆盖默认的文本方向

<big>大号字体加粗

<br>换行

<cite>引用进行定义

<code>定义计算机代码文本

<dfn>定义一个定义项目

<em>定义为强调的内容

<i>斜体文本效果

<img>向网页中嵌入一幅图像

<input>输入框

<kbd>定义键盘文本

<label>标签为
行内元素、块元素都有哪些 块级元素
顾名思义就是以块显示的元素 , 高度宽度都是可以设置的 。 比如我们常用的


默认状态下都是属于块级元素 。 块级元素比较霸道 , 默认状态下每次都占据一整个行 , 后面的内容也必须再新起一行显示 。 当然非块级元素也可以通过css的display:block;将其更改成块级元素 。 此外还有个特殊的 , float也具有此功能 。
内联元素
通俗点来说就是文本的显示方式 , 与块级元素相反 , 内联元素的高度宽度都是不可以设置的 , 其宽度就是自身文字或者图片的宽度 。 我们常用到的


都属于内联元素 。 内联元素的显示特点就是像文本一样的显示 , 不会独自占据一个行 。 当然块级元素也能变成内联元素 , 那就是通过css的display:inline;和float来实现 。

推荐阅读