sass 语法
sass语法是css的一种扩展
使用
1.需要安装软件
rubyinstaller-2.2.2-x64
2.定义css文件
3.页面上引入css
< link href=“sass/main.css” rel=“stylesheet” >
语法
1.变量
定义变量
$ size:20px
div{font-size:$ size}
做运算
$ size:20px
div{font-size:$ size*2}
2.嵌套
&找上一层标签
.d1{
border:1px solid red;
ul{
list-style:none;
li{
float:left;
a{color:red;
&:hover:blue;
}
}
}
}
3.继承
@extend关键字继承其他选择器的样式
.d1{ width: 100px;height: 100px;border: 1px solid #000000;}
.d3{@extend .d1;color: red;}
4.混合
用@mixin定义函数 用@include进行引用
@mixin a{ width: 100px;height: 100px; border: 1px solid$color;}
.d1{@include a(“blue”)}
5.判断
@if关键字判断样式
$w:200px
.d1{
@if $ w==200{color:red}
@if $ w>200{color:green}
@else${color:blue}
}
6.循环
@for定义循环
$i:1
@for KaTeX parse error: Expected '}', got '#' at position 35: …{//.d1.d2.d3 .d#̲{i} { font-size:5px * $i }}
//.d1{5px}.d2{10px}.d3{15px}
phonegap插件
用来让安卓系统支持前端代码，把页面运行在手机里，但是只支持安卓系统，不支持ios，测试苹果系统
，可以把代码部署在电脑服务器上，在苹果手机里访问服务器地址。
安卓使用java语言编写，phonegap插 件可以让安卓识别html和css语言，需要配置到安卓环境里安装步骤1.安装jdk
1.这是java运行环境，没有jdk不能编写java代码
安装jdk jre安卓，请把三个文件夹放在一个文件夹里安装，如果安卓的安装步骤没有也没关系不要安装到中文文件夹里
2.配置安卓环境
我发的安卓文件，不用配置环境变量，直接解压在盘符里，但是不能放在中文文件夹下
eclipse java的编写 工具
sdk安卓文件
SDK Manager 升级安卓系统
3.启动eclipse工具
eclipse文件夹 下找eclipse，如果报错，请右键以管理员身份运行
选择一下项目所放置的盘符，默认会显示c盘
4.创建安卓项目
在项目下配置phonegap插件，运行页面进行查看
配置方式请参照“android phonegap_ 开发环境配置”word文档进行执行