[分享]css中常见的行级元素

CSS中有很多行级元素，这些元素在布局和样式方面有自己的特点，下面我们分别来看一下这些常见的行级元素。

 span {
        display: inline;
    }

    a {
        display: inline;
    }

    em {
        display: inline;
        font-style: italic;
    }

    strong {
        display: inline;
        font-weight: bold;
    }

    img {
        display: inline;
    } 

1. span：这是一个通用的行级元素，通常用来包裹一些行内文本，可以用来设置字体颜色、字体大小、字体样式等。

2. a：这是一个用于添加超链接的元素，可以用于跳转页面、下载文件等操作，最常用的两个属性是href和target。需要注意的是，如果a标签中嵌套了其他元素，那么需要把这些元素也设置为行级元素才能正常显示。

3. em：这是一个用于强调文本的元素，通常会把文本设置成斜体，有些浏览器默认把这个元素渲染成加粗字体。

4. strong：这是一个用于强调文本的元素，通常会把文本设置成加粗，与em不同的是，strong标签的强调比em更加强烈。

5. img：这是一个用于插入图片的元素，通常要指定图片的src和alt两个属性。需要注意的是，它虽然是行级元素，但是它在页面中通常会独占一行。

以上就是CSS中常见的行级元素，它们各自有自己的用途和特点，我们在使用CSS样式时应该注意它们的区别，以达到最佳的效果。