1.内联样式表：在HTML文档头部 <head>区域使用<style>元素 来包含CSS。
2.内联引用： 在HTML元素中使用"style" 属性，直接对指定元素应用样式。
3.外部样式表：将样式单独写在CSS文件内，通过引入外部 CSS 文件来应用样式。这种方法常应用于大型开发中。
按需组件引入吧，这样会减少不必要的css，当然你每个组件的css要独立出来，而且如果使用webpack 的vue-loader处理 即使重复引用同一个组件css也是同用一份，不会额外的复制多个. CSS规则的前面；@import规则条件规则组中。因为页面显示的是内容和相应的表单，而CSS可以很好的将这些内容进行分块组装后，再按照整体的布局进行调整，可以在后期的改版等方面能够不动前面的内容只是更改布局以及背景、图片、表现形式等，这样更便于优化，所以才进行了分离；其实不分离的话就是说每个页面你都需要给在里面嵌入CSS内部样式，这样你要是每个页面的样式都一样，那每个页面的样式都要重新COPY一边，对于后面的修改来说更改量太大了，而用CSS和页面分离的方式可以只要修改一个CSS文件来使得整个网站的样式进行优化，便于修改。
