并且，不分文件的混写css，会造成css优先级混乱，关系复杂及无意义classname、id的增加，都进一步的让代码杂乱而失去html与css分离的最初目的。
创新互联，是成都地区的互联网解决方案提供商，用心服务为企业提供网站建设、成都App定制开发、重庆小程序开发、系统按需求定制设计和微信代运营服务。经过数十多年的沉淀与积累，沉淀的是技术和服务，让客户少走弯路，踏实做事，诚实做人，用情服务，致力做一个负责任、受尊敬的企业。对客户负责，就是对自己负责，对企业负责。
当更改整体样式时css和html分离更是大显优势，因为html的内容基本不变，只要把css文件换了就行。javascirpt也是这样啊。分离成各个模块，有利于实现代码重用，符合软件工程学的基本思想。
整个网站风格要统一。会有很多相同样式，不同页面可以直接共有相同的样式。不用再重新写 一个页面最好只调用一个css样式文件，这样加载会快一些。
并不是偏要写成两个，写成两个原因是因为其中一个的样式在别的地方会用到。如果一个div效果一个一个样式的话，那样会重复很多的样式。无形中就会加大网页加载的时间。写成多个，每个分得很细，那样就会很明确。很清晰。
可以合并亦可以分开，合并的话只要维护一个css就行了，但是查找内容相对来说麻烦，执行起来可能也是效率稍低，分开的话维护查找比较方便，执行效率高。大型的网站建议分开，小型的合并即可。
1、局部作用域：可以使用 CSS 预处理器（如 Sass 或 Less）或 CSS 模块化（如 BEM 或 SMACSS）等技术，将样式限定在某个局部作用域内，从而避免全局样式冲突。
2、它的作用可以达到：（1）在几乎所有的浏览器上都可以使用。（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
3、CSS就是层叠样式表。CSS是Cascading Style Sheets的简称，中文称为层叠样式表。使用过程中属性和属性值用冒号隔开，以分号结尾。本质上一种用来表现HTML或XML等文件样式的计算机语言，是可以做到网页和内容进行分离的样式语言。
4、CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
5、层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
6、像上面这样，div1 a{}；的作用域是div下的全部a，不管是p里面的还是外面的。如果想把p里面的 a单独设置，只要取div1 p a{}；冲突掉就可以了。
文件[建议]：CSS文件使用无BOM的UTF-8编码2缩进[强制]：使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。.selector { margin： 0； padding： 0； }3空格[强制]：选择器 与 { 之间必须包含空格。
外部样式表 还有一种叫做外部样式，也就是把CSS写在另外一张页面上，然后再引用到指定页面就可以了，这种也很常见。
OOCSS(面向对象的CSS)OOCSS的使用主要有两个原则，一种是分离结构和外观，其中主要包括分离容器和内容。OOCSS主要基于对象的编程方法，OOCSS的目的主要是支持代码的复用，最终保证样式能很好的进行添加和维护。
首先，在电脑中打开编辑器，创建html文档。然后，创建h1标签，用行内样式控制字体颜色为红色。接下来，用内部样式选择器选择h1标签，控制它的样式。外部样式需要，创建外部样式．css文件。
1、“_”是CSS hack 类内属性前缀法中的一种，是IE6专属的hack。下面详细说一下CSS hack。
2、属性与属性之间是没有连接的，一般只是在创建一个属性时，名字比较长，加个横杆表达一个意思。
3、-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chrome私有属性 这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。
4、css中出现！---是正规的写法，如 ！-- td{color：red} //-- 这是为了防止在某些情况下，浏览器不能识别这些CSS代码时，会以字符形式输出。
5、易于使用和修改 CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。
6、在百度百科的CSS Hack词条有详细的解释，就不复制过来了，可以自己看。
局部作用域：可以使用 CSS 预处理器（如 Sass 或 Less）或 CSS 模块化（如 BEM 或 SMACSS）等技术，将样式限定在某个局部作用域内，从而避免全局样式冲突。
因为你没有选中 a 标签啊 a 是行内元素，你当前选择的是 div ，这当然不会作用到 a 标签上了。
css和html的结合？说白了就是选择器。CSS中定义了样式，如何将这些样式设置到相应的html节点上？就不得不通过选择器。让浏览器知道css选择了哪一个dom节点，浏览器就会乖乖的把相应的样式渲染成视图。
CSS Modules 不是guan 方规范或浏览器中的实现，而是构建步骤中的一个过程（在 Webpack 或 Browserify 的帮助下），它改变了类名和选择器的作用域（即有点像命名空间）。