• 1、Emmet语法

    提示：1、快速生成HTML结构语法。

                2、快速生成CSS样式语法。

    （1）、生成标签直接输入标签按“tab”键或者回车键即可，比如：

                                                      div然后按tab键，生成

    （2）、如果想要生成多个相同标签，加上“*”号就可以了比如：

                                                       标签名+一个“*”号4就可以快速生成4个

    （3）、如果有父子级关系的标签，可以用“>”比如：

    ul>li

    ol>li

    dl>dt>dd

    就可以自动生成

    （4）、如果有兄弟关系标签，用“+”号就可以了比如：

    div+p

    ,

    （5）、如果生成带有类名或者id名字，直接.der或#der或p.der，比如：

    .der{

           }

    #der{

           }

    （6）、如果生成div类名顺序，可以用自增符号“$”,比如：

    .div$*5

       （7）、如果你是想要生成标内部内容可以用“{}”表示，比如：

    div{

    你是猪头

    } 

    你是猪头

    还有一种生成5个div：

    div{$}*5

    自己代码展示：

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>Documenttitle>
    9.     <style>
    10.         p {
    11.             width: 100px;
    12.             text-emphasis: none;
    13.             text-align: center;
    14.         }
    15.     style>
    16.  
    17. head>
    18.  
    19. <body>
    20.     <p>你好p>
    21.     
    22.     
    23.     <div>div>
    24.     <div>div>
    25.     <div>div>
    26.     <div>div>
    27.  
    28.  
    29.     <ul>
    30.         
    31.         
    32.         <li>li>
    33.     ul>
    34.  
    35.  
    36.     <div>div>
    37.     
    38.     
    39.     <p>p>
    40.  
    41.  
    42.     <div class="dir">div>
    43.     
    44.     <div id="dir">div>
    45.  
    46.  
    47.  
    48.     <div class="der1">div>
    49.     
    50.     <div class="der2">div>
    51.     <div class="der3">div>
    52.     <div class="der4">div>
    53.     <div class="der5">div>
    54.  
    55.  
    56.     <div>pink老师div>
    57.     
    58.     <div>这个就是你div>
    59.     
    60.     <div>这个就是你div>
    61.     <div>这个就是你div>
    62.     <div>这个就是你div>
    63.     <div>这个就是你div>
    64.     <dir>1dir>
    65.     
    66.     <dir>2dir>
    67.     <dir>3dir>
    68.     <dir>4dir>
    69.     <dir>5dir>
    70.  
    71. body>
    72.  
    73. html>

    显示结果：

     

    总结

    提示：这里对文章进行总结：
    例如：以上就是今天要讲的内容，本文仅仅简单介绍了快速生成HTML结构语法、css样式语法。

  • 相关阅读:
    带你走过动态表单的那些坑
    K8S云计算系列-(2)
    带你详细了解交换排序之快速排序
    在太空里种上几茬水稻 国稻种芯：中国航天员抽身干点农活
    Java基础八股
    【C语言进阶】---- 自定义类型详解
    芯片设计中的ECO是什么？
    Lwip之ARP模块实现
    dubboMain启动报错 appletviewer ＜options＞ url
    如何在 LaTeX 中画一个树状图（使用tikz和tikz-qtree包中的宏绘制树、森林、二叉树）
  • 原文地址：https://blog.csdn.net/qq_62865634/article/details/126438134