css基本共用样式怎么用

CSS基本共用样式是指在多个页面或元素中都可以使用的CSS样式，可以减少CSS的代码冗余，提高CSS的可维护性和可重用性。下面介绍一些CSS基本共用样式的使用方法。

/* 为多个元素添加样式 */h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
/* 设置空间间距 */.margin {
    margin: 10px;
}
/* 设置文本样式 */.font {
    font-size: 14px;
    color: #333;
}
/* 设置水平和垂直居中 */.center {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 设置连续文本换行 */.wrap {
    white-space: pre-wrap;
}
/* 设置盒子阴影 */.shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
    

上面的代码中，通过选择器设置多个元素的样式，使用class类名来定义样式的区块，然后在HTML中引用class名即可应用该样式。这些基础CSS样式能够兼顾兼容性和效率，在日常开发中使用范围很广，可以大幅提升开发效率。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！