css中怎样引入一个公共部分

在开发网页的过程中，我们经常会需要在多个页面中使用重复的样式或内容，如果每次都要重复编写，那么既麻烦又不利于维护，那么怎样进行简单的公共部分的引入呢？这里我们来介绍一下在CSS中怎样引入公共部分。
首先，我们需要将公共部分的样式或内容保存在一个CSS文件中，或者一个HTML文件中。
在CSS中引入公共部分，我们可以使用@import语句来引入其他的CSS文件。该语句可以放在CSS文件的任意位置。
下面是一个示例代码：

 @import url("common.css");
    /* 其它样式 */ 

上述代码中，我们使用@import语句将common.css文件中的所有样式引入了当前的CSS文件中。
在HTML文件中引入公共部分，我们可以使用HTML的link标签来引入另一个HTML文件中的公共部分。
下面是一个示例代码：

 <p>页面内容</p>
    <link href="common.html" rel="import"/> 

上述代码中，我们使用link标签将common.html文件中的所有内容引入了当前的HTML文件中。
需要注意的是，使用HTML的link标签只有在浏览器支持Web Components时才能生效，不然会抛出警告或者错误。
总之，无论是在CSS中还是在HTML中，引入公共部分都可以轻松地实现。这么做不仅方便快捷，而且大幅提高了代码复用率，值得推荐。