美文网首页
札记丶2017-09-12

札记丶2017-09-12

作者: Fantasychong | 来源:发表于2017-09-12 18:06 被阅读0次

    主要做了下列表,下午开了个会,以后方向要转向大数据和个性化推荐,不明觉厉额。

    实现效果:

    图1.1

    实现细节

    1)一个无序列表

    实现效果:

    图2.1

    实现步骤:

    <ul>

           <li>咖啡</li>

           <li>茶</li>

           <li>牛奶</li>

    </ul>

    2)一个有序列表

    实现效果:

    图2.2

    实现步骤:

    <ol start=“100”>

           <li>咖啡</li>

           <li>牛奶</li>

           <li>茶</li>

    </ol>

    3) 一个嵌套列表

    实现效果:

    图2.3

    实现步骤:

    <ul>

           <li>三星</li>

           <li>索尼</li>

           <ul>

                  <li>索尼1</li>

                  <li>索尼2</li>

            </ul>

            <li>夏普</li>

      </ul>

    4)一个复杂的嵌套列表

    实现效果:

    图2.4

    实现步骤:

    <ul> 

           <li>张三</li>

           <li>李四</li>

           <ul>

                  <li>赵六</li>

                  <li>孙七</li>

                  <ul>

                          <li>杜八</li>

                          <li>刘九</li>

                   </ul>

            </ul>

            <li>王五</li>

    </ul>

    5)一个定义列表

    实现效果:

    图2.5

    实现步骤:

    <h1>一个定义列表</h1>

    <dl>

            <dt>计算机</dt>

            <dd>用来计算的仪器</dd>

            <dt>显示器</dt>

            <dd>以视觉方式显示信息的设备</dd>

    </dl>

    6)HTML块 div标签

    实现效果:

    图2.6

    实现步骤:

    <p>div可以划分出独立的空间,自动换行</p>

    <div style="color:red">

              <h3>这是一个标题</h3> 

              <h4>这是一个段落</h4>

    </div>

    7)HTML类

    实现效果:

    图2.7

    实现步骤:

    <html>

               <head>

               <style>

                           .cities{

                           background-color:red;

                           color:white;

                           margin:20px;

                           padding:20px;

                           }

               </style>

               </head>

               <body>

               <div class="cities">

               <p>Fantasychong的数码小店</p>

               </div>

               </body>

    </html>

    相关文章

      网友评论

          本文标题:札记丶2017-09-12

          本文链接:https://www.haomeiwen.com/subject/fnzcsxtx.html