基本语法 | 易学教程

基本语法

Sass简易指南之基本语法详析：变量大作战

阅读更多关于 Sass简易指南之基本语法详析：变量大作战

声明变量定义变量的语法：在有些编程语言中（如，JavaScript）声明变量都是使用关键词“var”开头，但是在 Sass 不使用这个关键词，而是使用大家都喜欢的美元符号“$”开头。上图非常清楚告诉了大家，Sass 的变量包括三个部分： 1.声明变量的符号“$” 2.变量名称 3.赋予变量的值来看一个简单的示例，假设你的按钮颜色可以给其声明几个变量： $brand-primary : darken(#428bca, 6.5%) !default; // #337ab7$btn-primary-color : #fff !default;$btn-primary-bg : $brand-primary !default;$btn-primary-border : darken($btn-primary-bg, 5%) !default; 如果值后面加上!default则表示默认值。普通变量定义之后可以在全局范围内使用。 $fontSize: 12px; body{ font-size:$fontSize; } 编译后的css代码： body{ font-size:12px; } 默认变量 sass 的默认变量仅需要在值后面加上 !default 即可。 $baseLineHeight:1.5 !default; body{ line-height:

FreeMarker模板文件的组成及基本语法详解(一)

阅读更多关于 FreeMarker模板文件的组成及基本语法详解(一)

FreeMarke r模板文件并不比HTML页面复杂多少, FreeMarker模板文件主要由如下4个部分组成: 1 . 文本:直接输出的部分 2. 注释:<#-- ... -->格式部分,不会输出 3. 插值:即${...}或#{...}格式的部分,将使用数据模型中的部分替代输出 4. FTL指令 :FreeMarker指定,和HTML标记类似,名字前加#予以区分,不会输出下面是一个 FreeMarker模板的例子,包含了以上所说的4个部分 <html> <head> <title>Welcome!</title> </head> <body> <#-- 注释部分 --> <#-- 下面使用插值 --> <h1>Welcome ${user} !</h1> We have these animals: <u1> <#-- 使用FTL指令 --> <#list animals as being> <li>${being.name} for ${being.price} Euros <#list> <u1> </body> </html> 1. FTL指令规则在 FreeMarker 中,使用FTL标签来使用指令,FreeMarker有3种FTL标签

订阅基本语法