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的審查程序還“幫”福哥建立了這些下劃線字段。。。
原來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
再來測試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;
}
*請認真填寫需求信息,我們會在24小時內與您取得聯系。