Chinaunix首页 | 论坛 | 博客

Howard博客dxc8.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

howardvictor

  • 博客访问： 19534
  • 博文数量： 9
  • 博客积分： 205
  • 博客等级： 入伍新兵
  • 技术积分： 110
  • 用 户 组： 普通用户
  • 注册时间： 2011-07-16 01:52
个人简介

有自己公司主营百度框架开户https://www.dxc8.cn 和 adwords推广开户https://www.dxc8.net

文章分类

全部博文（9）

文章存档

2018年（1）

2013年（1）

2012年（5）

2011年（2）

我的朋友
最近访客
推荐博文
跟Howard一起学LESS，初见LESS

分类： Html/Css

2018-12-29 14:11:37

今天开始更新，跟Howard一起学LESS，初见LESS：
不废话，上代码：

点击(此处)折叠或打开

  1. /*就会在LESS和CSS中显示*/
  2. .conten {
  3.   ul{
  4.     list-style: none;
  5.   }
  6.   li{
  7.     height: 25px;
  8.     line-height: 25px;
  9.     padding-left: 15px;
  10.     background: url("arr.jpg") no-repeat center left;
  11.     a{
  12.       text-decoration: none;
  13.       color: #535353;
  14.       font-family: microsoft yahei, Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica;
  15.     }
  16.   }
  17. }
html部份：

点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title>跟Howard学LESS之初见LESS</title>
  6.     <style type="text/css">
  7.         .conten ul{
  8.             list-style: none;
  9.         }
  10.         .conten li{
  11.             height: 25px;
  12.             line-height: 25px;
  13.             padding-left: 15px;
  14.             background: url("arr.jpg") no-repeat center left;
  15.         }
  16.         .conten li a{
  17.             text-decoration: none;
  18.             color: #535353;
  19.             font-family: microsoft yahei, "黑体", Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica;
  20.         }
  21.         /*less的写法如下*/
  22.         .conten {
  23.             ul{
  24.                 list-style: none;
  25.             }
  26.             li{
  27.                 height: 25px;
  28.                 line-height: 25px;
  29.                 padding-left: 15px;
  30.                 background: url("arr.jpg") no-repeat center left;
  31.                 a{
  32.                     text-decoration: none;
  33.                     color: #535353;
  34.                     font-family: microsoft yahei, "黑体", Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica;
  35.                 }
  36.             }
  37.         }
  38.     </style>
  39. </head>
  40. <body>
  41. <div class="conten">
  42.     <ul>
  43.         <li><a href="">大蒜祛斑</a>这是测试文档</li>
  44.         <li><a href="">中药祛斑</a>这是测试文档</li>
  45.         <li><a href="">牙膏祛斑</a>这是测试文档</li>
  46.     </ul>
  47. </div>
  48. </body>
  49. </html>

运行结果：


   



阅读(237) | 评论(0) | 转发(0) |
0

上一篇：宝马女踹老父下跪求情是“父爱”还是“坑爹”?

下一篇：没有了

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6