CSS公共样式都有哪些如何在局部覆盖公共样式

CSS中的公共样式都是什么含义和作用有哪些

说到公共css样式，其实就是一套用于整个网站的统一样式定义。它通常包含全局的字体、字号、颜色、行距以及页面排版等基本设置。这样做最大的好处就是让整个网站的风格统一，用户一打开网站就能感受到专业且协调的视觉体验，信任度也蹭蹭蹭地往上涨。

举个例子，CSS中的通配符写法 *{} 就是超级简单粗暴地给页面中所有元素定义了基础样式，类似“全局管家”的角色，保证所有东西不脱节。

而且公共样式还能提高代码复用性，大大减少重复编写和不必要的样式冲突，省时省力又省心，是不是很爽？

怎么用public.css管理公共样式以及在局部怎么覆盖不一样的样式

那么，究竟该怎么让公共样式生效呢？给大家安利一个实用小技巧：在网站根目录下创建一个css文件夹，然后新建一个public.css文件，用它来编写各种大家都能用到的公共样式。比如，你可以给body设置默认字体Arial, sans-serif，再给h1定个漂亮的颜色和大小啥的。

在html页面通过<link rel="stylesheet" href="css/public.css">引入，这样所有页面都能用同一套样式。
但有时候你会遇到烦人的定位问题，比如公共样式给div元素设置了居中margin: 0 auto，结果局部有的地方想让它左对齐，咋整？别急，重写该元素的类样式就好啦，比如写个.left_box { margin: 0; float: left; }，它会自动覆盖公共样式，局部定制必须的样式。
记住哦，CSS的层叠特性（Cascading）让后定义的样式优先级更高，所以只要你写得够明确，就能轻松把公共样式“忽悠”过去，打造自己想要的效果。

平时管理项目的时候，也建议遵循命名规范，比如：
- index.css：首页的专属样式
- head.css：多页共享的头部样式
- base.css：公共基础样式集合
- style.css：特定页面样式
- global.css：保证全局风格统一
- layout.css：布局相关的样式
- module.css：模块化组件样式
- master.css：主样式文件，收纳重要样式