-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
143 lines (137 loc) · 6.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>Less教程_Less.js教程-歪脖网</title>
<meta name="keywords" content="Less, Less.js, Less教程" />
<meta name="description" content="歪脖网为您提供了Less教程, 让零基础web前端工程师从入门 Less 到完全精通 Less, 是web前端学习线路的必备教程, 学Less就上歪脖网" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link href="http://localhost/waibo/css/bootstrap.min.css" rel="stylesheet" />
<link href="http://localhost/waibo/css/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="http://localhost/waibo/css/style.css" rel="stylesheet" />
<script src="http://localhost/waibo/js/jquery.js"></script>
<script src="http://localhost/waibo/js/script.js"></script>
</head>
<body>
<div class="topbar">
<div class="eyebrow hidden-phone">
<div class="container">
<ul class="pull-left">
<li><a href="http://www.waibo.wang/" target="_blank">歪脖网</a>欢迎您!</li>
</ul>
<ul class="pull-right">
<li><a href="http://www.waibo.wang/user/">登录</a></li>
<li class="b">|</li>
<li><a href="http://www.waibo.wang/user/register.asp" target="_blank">注册</a></li>
</div>
</div>
<div class="topnav">
<div class="container">
<div class="row-fluid mtz">
<div class="span3 topnav-logo">
<a href="http://www.waibo.wang/"><p class="logo-cn">歪脖网</p><p class="logo-en hidden-phone">waibo.wang</p></a>
</div>
<div class="span6 nav">
<ul>
<li ><a href="http://www.waibo.wang/">首页</a></li>
<li class="active"><a href="http://localhost/waibo/">教程</a></li>
<li ><a href="http://www.waibo.wang/wiki/">专栏</a></li>
<li ><a href="http://www.waibo.wang/demo/">素材</a></li>
</ul>
</div>
<div class="span3 topnav-form">
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row-fluid">
<aside class="span3">
<div class="card">
<div class="head">
<h4>前端教程</h4>
</div>
<div class="heading">
<h3><a class="active" href="http://localhost/waibo/bible/less/">Less简明教程</a></h3>
</div>
</div>
<div id="ad2-01" class="ad-aside"></div>
</aside>
<main class="span9">
<div class="card">
<p class="h">
Less简明教程
</p>
<p class="hide-text">歪脖网为您提供了Less教程, 让零基础web前端工程师从入门 Less 到完全精通 Less, 是web前端学习线路的必备教程, 学Less就上歪脖网</p>
<hr/>
<div class="contents">
<h1>第 1 章 <a href="http://localhost/waibo/bible/less/html/1/1.html">Less 基础</a></h1>
<h2>1.1 <a href="http://localhost/waibo/bible/less/html/1/1.1.html">认识 Less</a></h2>
<h2>1.2 <a href="http://localhost/waibo/bible/less/html/1/1.2.html">Less 原理</a></h2>
<h2>1.3 <a href="http://localhost/waibo/bible/less/html/1/1.3.1.html">Less 用法</a></h2>
<h3>1.3.1 <a href="http://localhost/waibo/bible/less/html/1/1.3.1.html">浏览器端使用</a></h3>
<h3>1.3.2 <a href="http://localhost/waibo/bible/less/html/1/1.3.2.html">服务器端使用</a></h3>
<h2>1.4 <a href="http://localhost/waibo/bible/less/html/1/1.4.1.html">Less 编译工具</a></h2>
<h3>1.4.1 <a href="http://localhost/waibo/bible/less/html/1/1.4.1.html">选择Koala的理由</a></h3>
<h3>1.4.2 <a href="http://localhost/waibo/bible/less/html/1/1.4.2.html">如何使用Koala</a></h3>
<h3>1.4.3 <a href="http://localhost/waibo/bible/less/html/1/1.4.3.html">Koala界面介绍</a></h3>
<h1>第 2 章 <a href="http://localhost/waibo/bible/less/html/2/2.html">Less 特性</a></h1>
<h2>2.1 <a href="http://localhost/waibo/bible/less/html/2/2.1.1.html">变量</a></h2>
<h3>2.1.1 <a href="http://localhost/waibo/bible/less/html/2/2.1.1.html">普通变量</a></h3>
<h3>2.1.2 <a href="http://localhost/waibo/bible/less/html/2/2.1.2.html">变量插值</a></h3>
<h3>2.1.3 <a href="http://localhost/waibo/bible/less/html/2/2.1.3.html">变量的作用域</a></h3>
<h2>2.2 <a href="http://localhost/waibo/bible/less/html/2/2.2.1.html">Mixin</a></h2>
<h3>2.2.1 <a href="http://localhost/waibo/bible/less/html/2/2.2.1.html">什么是Mixin</a></h3>
<h3>2.2.2 <a href="http://localhost/waibo/bible/less/html/2/2.2.2.html">带参数的mixin</a></h3>
<h3>2.2.3 <a href="http://localhost/waibo/bible/less/html/2/2.2.3.html">作为函数的mixin</a></h3>
<h2>2.3 <a href="http://localhost/waibo/bible/less/html/2/2.3.html">嵌套规则</a></h2>
<h2>2.4 <a href="http://localhost/waibo/bible/less/html/2/2.4.1.html">运算和函数</a></h2>
<h3>2.4.1 <a href="http://localhost/waibo/bible/less/html/2/2.4.1.html">运算</a></h3>
<h3>2.4.2 <a href="http://localhost/waibo/bible/less/html/2/2.4.2.html">函数</a></h3>
<h2>2.5 <a href="http://localhost/waibo/bible/less/html/2/2.5.html">转义字符</a></h2>
<h2>2.6 <a href="http://localhost/waibo/bible/less/html/2/2.6.html">注释</a></h2>
<h2>2.7 <a href="http://localhost/waibo/bible/less/html/2/2.7.html">命名空间</a></h2>
<h2>2.8 <a href="http://localhost/waibo/bible/less/html/2/2.8.html">@import指令</a></h2>
<h2>2.9 <a href="http://localhost/waibo/bible/less/html/2/2.9.html">!important关键字</a></h2>
<h2>2.10 <a href="http://localhost/waibo/bible/less/html/2/2.10.html">模式匹配</a></h2>
<h2>2.11 <a href="http://localhost/waibo/bible/less/html/2/2.11.html">条件表达式</a></h2>
<h2>2.12 <a href="http://localhost/waibo/bible/less/html/2/2.12.html">循环</a></h2>
<h2>2.13 <a href="http://localhost/waibo/bible/less/html/2/2.13.html">合并</a></h2>
<h2>2.14 <a href="http://localhost/waibo/bible/less/html/2/2.14.html">Extend</a></h2>
<h1>第 3 章 <a href="http://localhost/waibo/bible/less/html/3/3.html">Less函数</a></h1>
<h1>第 4 章 <a href="http://localhost/waibo/bible/less/html/4/4.html">参考资料</a></h1>
</div>
</div>
</main>
</div>
</div>
<div class="floatPanel">
<div class="ctrolPanel">
<a href="javascript:;" class="arrow top" onClick="goTop()"><span>返回顶部</span></a>
<a href="#" class="phone" data-target="#phone"><span>手机访问</span></a>
<a href="#" class="wechat" data-target="#wechat"><span>关注微信</span></a>
<a href="javascript:;" class="arrow bottom" onClick="goBottom()"><span>返回底部</span></a>
</div>
<div id="phone" class="popPanel">
<div class="popPanel-inner">
<img src="http://localhost/waibo/img/site.png" /><p class="slogan">扫码访问歪脖网</p><p>随时随地,想看就看</p>
</div>
</div>
<div id="wechat" class="popPanel">
<div class="popPanel-inner">
<img src="http://localhost/waibo/img/weixin.png" /><p class="slogan">关注歪脖网微信</p><p>分享 web 知识、交流 web 经验</p>
</div>
</div>
</div>
<footer>
<p>Copyright©2017 www.waibo.wang All Rights Reserved</p>
<p>陕ICP备17020676号-1 客服QQ:376601179 邮箱:376601179#qq.com
</footer>
<script>
$(function() {
load();
});
</script>
</body>
</html>