1.认识Less

来源:互联网 发布:合肥培训软件 编辑:程序博客网 时间:2024/06/05 15:21

1.认识Less

1.什么是Less?

Less是一个Css预编译器,意思是指它可以扩展Css语言,添加功能,如允许变量(variables)、混合(mixins)、函数(function)和其他许多技术,让Css更具维护性、主题性、扩展性。

2.Less官方网站

       中文网站:http://www.lesscss.net

       英文网站:http://www.lesscss.org

3.与Less的第一次接触

传统写法:

       .contentul{

        list-style:none;

}

.content li{

       height:24px;

     line-height:24px;

       padding-left:15px;

       background:#eeeeee;

}

.content li a{

       color:#535353;

       text-decoration:none;

       font-family:microsoftyahei,

}

Less写法:

      .content ul{

            list-style:none;

            li{

                 height:24px;

                 line-height:24px;

                 padding-left:15px;

                 background:#eeeeee;

                 a{

                           color:#535353;

                           text-decoration:none;

                           font-family:microsoft yahei,

}

    }

}

4.Less中的注释

//   : 以 // 开始的注释不会编译到Css文件中;

/**/ : 以 /* */ 包裹的注释会被编译在css文件中。