0%

CSS简单使用

CSS简单使用

overflow:hidden 防止字溢出

list-style:none 可以出去列表前的.

块状元素和行内元素

块状元素

块状元素特点

  • 每个块状元素都会从新的一行开始
  • 高度、宽度、行高、顶部、底部边距都可设置
  • 宽度在不设置的情况下与父元素宽度一致
1
<div><p><h1>...<h6><ol><ul><dl><table><address><blockquote><form>

可以通过设置display:block将元素显示为块状元素

行内元素

行内元素特点

  • 和其他元素在一行上
  • 高度、宽度、顶部和底部边距都不可设置
  • 元素的宽度是所包含内容的宽度,不可改变
1
<a><span><br><i><em><strong><label><q><code>

可以通过设置display:inline将元素显示为行内元素

行内块状元素

行内块状元素特点

  • 和其他元素在一行上
  • 高度、宽度、行高、顶部、底部边距都可设置
1
<img><input>

可以通过设置display:inline-block将元素显示为行内块状元素