引入css方式
有四种方式可以在HTML中引入css。其中两种方式是在HTML文件中直接添加CSS代码，另外两种是引入外部CSS文件。
1、内联方式
内联方式指的是直接在HTML标签中的style属性中添加css
2、嵌入方式
嵌入方式指的是在HTML头部中的<style>标签下写css代码
3、链接方式
链接方式指的是在HTML头部的head标签中使用link标签引入外部css
4、导入方式
@import url(style.css);
比较link标签链接方式和@import方式
1、link标签属于HTML，通过link标签中的href属性引入外部文件，@import是 CSS 提供的语法规则，所以导入语句应写在css中
2、link标签只能出现在head标签中，导入语句写在样式表的开头，否则无法正确导入外部文件
3、当HTML文件被加载时，link引用的文件会被同时加载，而@import引入的文件则会等页面全部下载完毕再被加载
4、可以通过JS操作DOM，插入link标签来改变样式。由于dom是基于document的，因此无法使用dom操作@import修改样式
如何实现.5像素
.someTab {
width: 100px;
height:1px;
background-color: black;
transform: scale(1,.5);
}
以下划线开头得scss文件，为什么引入时不需要写下划线，而且单独编译为css文件没有输出
导入sass文件
css有一个特别不常用的特性，即@import规则，它允许在css文件中导入其他css文件。然而，后果是只有执行到@import时，浏览器才会
下载其他css文件，这导致浏览器加载变得特别慢。
sass也有一个@import规则，但不同的是，sass的@import规则在生成css文件时就把相关文件导入进来。这意味着所有相关的样式被归纳到了同一个css文件中，而无需发起额外的下载请求。另外，所有在被导入文件中定义的变量和混合器（参见2.5节）均可在导入文件中使用。
使用sass的@import规则并不需要指明被导入文件的全名。你可以省略.sass或.scss文件后缀（见下图）。这样，在不修改样式表的前提下，你完全可以随意修改你或别人写的被导入的sass样式文件语法，在sass和scss语法之间随意切换。举例来说，@import"sidebar";这条命令将把sidebar.scss文件中所有样式添加到当前样式表中。
通常，有些sass文件用于导入，你并不希望为每个这样的文件单独地生成一个css文件。对此，sass用一个特殊的约定来解决。
当通过@import把sass样式分散到多个文件时，你通常只想生成少数几个css文件。那些专门为@import命令而编写的sass文件，并不需要生成对应的独立css文件，这样的sass文件称为局部文件。对此，sass有一个特殊的约定来命名这些文件。
此约定即，sass局部文件的文件名以下划线开头。这样，sass就不会在编译时单独编译这个文件输出css，而只把这个文件用作导入。当你@import一个局部文件时，还可以不写文件的全名，即省略文件名开头的下划线。举例来说，你想导入themes/_night-sky.scss这个局部文件里的变量，你只需在样式表中写@import "themes/night-sky";。