Emmet安装及常用手册( 二 )


html:xt
html:xs
html:xxs
注重:鼠标指针在指令最后一个字符的后面按快捷键才能生当作代码,在中心或后面有空格都无法生当作代码 。

Emmet安装及常用手册



2页面head常用标签 。 下面都是很常见的标签代码,但可能只在一个页面顶用到无故删我原创,无故删我原创,请清空我的经验,我需要全数删除经验,退出百度经验
.
输入  link:css
生当作:
<link rel="stylesheet" href=https://vvvtt.com/article/"style.css">
输入  link:favicon
生当作:
<link rel="shortcut icon" type="image/x-icon" href=https://vvvtt.com/article/"favicon.ico">
输入  script:src
生当作:
【Emmet安装及常用手册】<script src=https://vvvtt.com/article/"">
输入  meta:utf
生当作:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
.
输入 style
生当作:<style></style>
输入 script
生当作:<script></script>
.
注释部门:
输入   c
生当作:<!--  -->
输入   cc:ie6
生当作:<!--[if lte IE 6]> <![if]-->
输入   cc:ie
生当作:<!--[if IE]> <![if]-->
输入   cc:noie
生当作:<!--[if !IE]><!--><!--<![if]-->

3DIV+CSS常用ID和类 。 为什么前端经常被误称DIV+CSS,申明这部门很是主要,无故删我原创,无故删我原创,请清空我的经验,我需要全数删除经验,退出百度经验学不会,请在你怙恃面临磕三个响头 。
输入  .
生当作:<div class=""></div>
输入.banner
生当作:<div class="banner"></div>
输入  .class1.class2.class3
生当作: <div class="class1 class2 class3"></div>
.
输入  #
生当作代码:<div id=""></div>
输入  #banner
生当作:<div id="banner"></div>
输入  #banner.font
生当作:<div id="banner" class="font"></div>
.
输入  form#search.height
生当作:<form id="search" class="height"></form>
输入  p.class1.class2.class3
生当作: <p class="class1 class2 class3"></p>

4ul列表常用的乘法:*和自增符号:$ 。 这里相对于死记硬背而言稍微矫捷有点难度,要想快速进修,仍是需要死记硬背,然后内部消化、触类旁通、矫捷应用 。
小时辰老是质疑为什么学什么都需要死记硬背,长年夜后才发现本来记忆是快速进修最好的方式 。 就像张无忌记住张三丰的每个招式今后,然后脑筋里阐发理解消无故删我原创,无故删我原创,请清空我的经验,我需要全数删除经验,退出百度经验
输入   ul>li*5
生当作:
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
.
输入   ul>li.item$*5
生当作:
<ul>
    <li class="item1"></li>
    <li class="item2"></li>

猜你喜欢