h5基础学习笔记

工具：

安装Sublime3插件, 控制台的使用。view->show console或者 ctrl+~。

打开网址，https://packagecontrol.io/installation，复制代码，放到控制台执行。

安装卸载插件 emmet. 按住ctrl+shift+p打开窗口，卸载：输入remove package ,选择emmet，安装：install package。

快速打开h5标签：输入！，按住tab.

安装browser-sync: 打开网址：http://www.browsersync.cn/，根据提示安装，实时刷新网页编辑的内容。

恶搞：

emmet tips:

生成H5代码： HTML：5 tab  生成meta viewport meta:vp tab  生成 meta http-equiv="...compatible" meta:vompat tab  生成css样式 link:css tab 生成script script:src tab

body体：

<h1 class="info"></h1>：h1.info tab
<div class="header"></div>:    .header div默认
<a href="http://"></a>：    a:link
<a href="http://www.baidu.com">百度</a>:a[href=""]{百度}
<ul class="list">
<li class="item"><a href="">导航</a></li>
<li class="item"><a href="">导航</a></li>
<li class="item"><a href="">导航</a></li>
<li class="item"><a href="">导航</a></li>
<li class="item"><a href="">导航</a></li>
<li class="item"><a href="">导航</a></li>
<li class="item"><a href="">导航</a></li>
<li class="item"><a href="">导航</a></li>
</ul>:ul.list>ul.list>li.item*8>a{导航}
<ul class="list">
<li class="item"><a href="">导航01</a></li>
<li class="item"><a href="">导航02</a></li>
<li class="item"><a href="">导航03</a></li>
<li class="item"><a href="">导航04</a></li>
<li class="item"><a href="">导航05</a></li>
<li class="item"><a href="">导航06</a></li>
<li class="item"><a href="">导航07</a></li>
<li class="item"><a href="">导航08</a></li>
</ul>:ul.list>ui.list>li.item*8>a{导航$$}   $加数字升序  降序￥@-
<ul class="list">
<li class="item"><a href="">导航10</a></li>
<li class="item"><a href="">导航11</a></li>
<li class="item"><a href="">导航12</a></li>
<li class="item"><a href="">导航13</a></li>
<li class="item"><a href="">导航14</a></li>
<li class="item"><a href="">导航15</a></li>
<li class="item"><a href="">导航16</a></li>
<li class="item"><a href="">导航17</a></li>
</ul>:    ul.list>li.item*8>a{导航$$@10}