[分享]css中class标签什么作用

在CSS中，Class标签是非常重要的一个元素。它主要用来给HTML中的元素定制样式。Class标签最大的作用是实现CSS样式的重用。

 .red {
        color: red;
    }
    .bold {
        font-weight: bold;
    } 

如上代码所示。我们定义了两个Class标签，一个是.red，一个是.bold。.red表示文字颜色是红色，.bold表示文字加粗。当我们在HTML中需要文字颜色为红色的同时又需要加粗时，就可以使用两个Class标签：

 <p class="red bold">Hello World!</p> 

这样，<p>标签里的文字就既有红色字体，又是加粗的。而我们不需要手动去修改CSS，只需要在HTML中添加我们定义好的Class名即可。

除了这个例子，Class标签还可以应用在很多地方，例如：

 .nav {
        font-family: Arial, sans-serif;
        font-size: 16px;
        color: #333;
        background-color: #FFF;
        padding: 5px 10px;
        border-radius: 5px;
    } 

如上代码所示，我们定义了一个.nav的Class标签，它包含了很多属性。我们使用这个Class标签来给导航菜单添加样式：

 <ul class="nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
    </ul> 

这样，我们就可以很方便地为整个导航菜单添加样式，而不需要去修改每个<li>标签的CSS。

总而言之，Class标签是CSS中非常重要的一个元素，它使得CSS样式的重用变得容易、快捷。