second （git,less,grunt）

                第二天，初步学习了git命令，了解了less文件，以及用grunt编译。

                git简单入门

                          首先在上Git@OSC创建一个项目，假定项目地址为https://git.oschina.net/sulliy/i.git。在自己机器上选择一个文件夹。没有关联可以先启动Git Bash，然后到项目的目录下去。

                      在bash中输入以下命令初始化git:

                         git init

                               Initialized empty Git repository in c:/Users/C/Workspaces/MyEclipse 7.0/i/.git/ 

                      clone下在Git@OSC上的项目：

                        git clone https://git.oschina.net/sulliy/i.git   //克隆https://git.oschina.net/sulliy/i.git 项目到本地

                                 Cloning into 'i'...

Username for 'https://git.oschina.net': i@sina.com

Password for 'https://i@sina.com@git.oschina.net':

remote: Counting objects: 3, done.

remote: Total 3 (delta 0), reused 0 (delta 0)

Unpacking objects: 100% (3/3), done.

                 然后我们就可以在自己的文件夹下创建自己的内容了。然后将文件夹下面的所有文件加到Git中（也可以指定某个文件）：

                     git pull origin master //把远程仓库的文件拉到本地  会帮你更新最新文件。

                      git add ./git add -A //添加全部文件，不过git会帮你添加你修改过的文件。

                       warning: LF will be replaced by CRLF in .mymetadata.

 

The file will have its original line endings in your working directory.

 

提交代码最好带上自己的编辑签名，所以现在设置一下Git：

 

$ git config --global user.name "I"

 

$ git config --global user.email i@sina.com

                     把https设置成ssh设置可以不用一次次输入密码和邮箱。

             git commit -m '注释'  //添加文件到本地仓库，注释为解释你添加的是什么。

             git push origin master //把本地仓库提交到远程仓库。

                    一般你把项目clone下来 想上传文件 ，用下面四条语句就可以搞定了。

            less

                     lesscss是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。

                   详情 http://www.lesscss.net/article/home.html

             grunt  

                               不太了解，学到了可以用grunt对less进行预编译。在命令行输入grunt会一直吧less文件编译成css。

            有关css

            除此之外，用血一般的惨痛经历理解到了写不同页面，除了通用的header和footer,及nav以外，给页面里某个元素定义样式时，最好用类选择器，直接用标签定义样式可能影响别的页面的效果。比如我在home页面上用了section{}定义样式，那么如果恰好引入了别的css文件，在detail页面也用了section定义样式，将会产生影响。

           有关rem

                 rem区别于em的一点优势是，em是针对父元素的大小，而rem是针对根元素（HTML）的大小。所以在html上定义大小，就可以放心大胆的用了，而不是用em一样一层层迭代算大小。考虑到有些浏览器可能不兼容，所以在用rem 前，用px定义大小。比如：font-size:10px;font-size:1rem;