ASS能够将代码分割为多个片段，并以underscore风格的下划线作为其命名前缀（_partial.scss），SASS会通过这些下划线来辨别哪些文件是SASS片段，并且不让片段内容直接生成为CSS文件，从而只是在使用@import指令的位置被导入。CSS原生的@import会通过额外的HTTP请求获取引入的样式片段，而SASS的@import则会直接将这些引入的片段合并至当前CSS文件，并且不会产生新的HTTP请求。下面例子中的代码，将会在base.scss文件当中引入_reset.scss片断。

// _reset.scss
html, body, ul, ol {
  margin:  0;
  padding: 0;
}

// base.scss
@import 'reset';
body {
  font: 100% Helvetica, sans-serif;
  background-color: #efefef;
}

SASS中引入片断时，可以缺省使用文件扩展名，因此上面代码中直接通过@import 'reset'引入，编译后生成的代码如下

html, body, ul, ol {
  margin: 0;
  padding: 0; }

body {
  font: 100% Helvetica, sans-serif;
  background-color: #efefef; }

SASS片断使用下划线前缀命名，主要用于SASS命令行工具watch指定目录源码的场景；如果使用Webpack等打包工具则毋须顾虑该问题，CSS样式将会通过Webpack加载器，按照ES6风格的import或Webpack插件extract-text-webpack-plugin进行打包和模块化。

作者：Eileen_1d88
链接：https://www.jianshu.com/p/6b0190c48ccd

. 介绍

1.1 介绍

福哥在使用hibernate构建项目模型的时候，发现我的实体对象里面写的映射的字段名称和程序实际映射的字段名称不一致，福哥写的是“userName”，而实际程序映射的却是“user_name”，要不要这么无耻啊？？

甚至hibernate的审查程序还“帮”福哥建立了这些下划线字段。。。

2. 解决

原来hibernate默认的数据库字段命名策略是下划线形式的，也就是全部都是小写，然后用下划线分隔多个单词的策略。福哥不喜欢这种形式的命名策略，主要是它形成的字段名称太长了。

要解决这个问题就需要在application.properties配置文件里面指定hibernate的数据库字段命名策略。

2.1 驼峰命名

因为hibernate默认是下划线形式的，如果要改成驼峰形式的需要增加如下的设定。

spring.jpa.hibernate.naming.physical-strategy=org.hibernate.boot.model.naming.PhysicalNamingStrategyStandardImpl

2.2 下划线命名

默认hibernate就是下划线形式的，如果要用下划线形式可以去掉这行配置就可以了。

当然强迫症童鞋可以设置下面这个设定来明确指定下划线为映射字段的策略。

spring.jpa.hibernate.naming.physical-strategy=org.springframework.boot.orm.jpa.hibernate.SpringPhysicalNamingStrategy

3. 测试

再来测试JPA程序，正常了~~

https://tongfu.net/home/35/blog/513567.html

过CSS文本装饰可以为文本添加装饰线、为装饰线设置颜色、为装饰线指定风格、为装饰线设置厚度等效果。

为文本添加装饰线通过 text-decoration-line 属性实现，可以结合一个以上的值，如上划线和下划线，来显示文本上方和下方的线条。具体的值有三个：

overline，在文本上方添加线条修饰。

line-through，在文本中间添加线条修饰，实现了删除线的效果。

underline，在文本下方添加线条修饰，实现了下划线的效果。

我们来做个例子。

打开编辑器，在 005 文件夹下创建 decoration.html 文件，构建好基本代码。

添加 h1，h2，h3，p 四个元素。分别填入一些文本。

在 005 文件夹下再创建一个 mystyle-3.css 文件，

定义 h1 选择器，声明样式属性 text-decoration-line，值为 overline。

定义 h2 选择器，也声明样式属性 text-decoration-line，值为 line-through。

定义 h3 选择器，再声明样式属性 text-decoration-line，值为 underline。

回到页面，通过 link 元素引入 mystyle-3.css 这个外部样式。

在浏览器上预览效果，我们看：上边线、删除线和下划线就做好了！

实际上，可以同时给文本添加多个线条，实现方法是给 text-decoration-line

[ˌdekəˈreɪʃn】属性设置多个值，每个值通过空格分开。

在 mystyle-3.css 再定义一个 p 选择器，声明样式属性 text-decoration-line，值写为 overline underline （读作overline 空格 underline ）。

看一下效果，段落被添加了两条装饰线。

有的小伙伴还记得，给文本添加链接后，浏览器会默认给这个文本添加一个下划线。所以，添加了链接的文本就不要使用 underline 下划线装饰了。

为文本设置装饰线的颜色通过 text-decoration-color 属性实现，属性值为任意合法的颜色值。

给 h1 元素设置 text-decoration-color 属性，颜色值设置为 red。再快速的给 h2，h3，p 元素设置 text-decoration-color 属性，值分别为 blue，green，purple。

我们看，线条都有了颜色。

为装饰线指定风格通过 text-decoration-style 属性实现，属性值有五个：

solid，实线。

double，双实线。

dotted，圆点线。

dashed[dæʃt]，虚线。

wavy[ˈweɪvi]，波浪线。

为了演示方便，在 html 中再添加一个标题 h4，填入一些文本，在 css 中将全部元素的 text-decoration-line 样式属性都设置为 underline。再定义一个 h4 选择器，声明样式 text-decoration-line: underline。

给 h1， h2，h3，h4，p 全部添加 text-decoration-style 属性，值分别为 solid，double，dotted，dashed[dæʃt]，wavy。

这样，各种线条的风格就设置好了！

通过 text-decoration-thickness 属性为线条设置厚度，也就是线条的粗细。属性值有三种设置方法：

auto， 默认值，这个值是不确定的，和所修饰的文字大小有关系。

px，像素大小，是一个绝对值。比如 5px。

%，是一个相对值，根据修饰文字的高度计算出来。比如 25%。

在 h1 元素上声明样式属性 text-decoration-thickness，值为 auto。在 h2，h3 上也声明这个样式属性，值分别为 5px，50%。

在浏览器里仔细观察，h1 上的下划线厚度是浏览器给的默认值。h2 上的下划线厚度是 5px。h3 上的下划线厚度为文字高度的一半。

回到样式表代码，我们分析一下：每个文本修饰的属性名，均为三个单词连接起来的，这样写起来比较啰嗦，能不能简化一下呢？可以的！

h1 {

/* text-decoration-line: overline; */

text-decoration-line: underline;

text-decoration-color: red;

text-decoration-style: solid;

text-decoration-thickness: auto;

}