重拾CSS基础 - 1

1、行内元素的特点?哪些属于行内元素?

行内元素(inline)
行内元素也称为内联元素,行内元素不占有独立区域,其大小仅仅被动的依赖于自身内容的大小(例如文字和图片),所以一般不能随意设置其宽高、对齐等属性。常用于控制页面中文本的样式。

行内元素的特点:

  • 总是和相邻的行内元素在同一行上(物以类聚)
  • 设置宽高无效,水平方向的padding和margin属性可以设置,但是垂直方向上的无效。
  • 默认宽度是他自身内容的宽度。
  • 行内元素只能容纳其他行内元素或者文本。
  • 特殊:a比较特殊,可以放块级元素,但是链接里面不能再放链接。

行内块元素(inline-block)
行内块元素结合了块元素和行内元素的不同特点,这样特殊的一类标签称为行内块元素。像<img>/<input>/<td>这些元素,可以给他们设置宽高、对齐属性,

行内块元素的特点:

  • 和相邻行内元素在同一行,但是之间会有空白缝隙。
  • 默认宽度是他本身内容的宽度。
  • 宽度、高度、行高、外边距以及内边距都可以手动设置。

2、块级元素的特点?哪些属于块级元素?

css
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×