码迷,mamicode.com
首页 > 其他好文 > 详细

淘宝主页(静态页面)第3天

时间:2020-07-26 15:12:15      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:ref   主页   上下   mic   alt   code   产生   生成   http   

1.emmet语法

要产生相同的连续的内容,如下图所示:

技术图片

为了减少代码量,可以使用emmet语法。

li.item$*5>a[href=#]>img[src=images/adimg_0$.jpg]

按住Tab键之后生成代码:

                <li class="item1"><a href="#"><img src="images/adimg_01.jpg" alt=""></a></li>
                <li class="item2"><a href="#"><img src="images/adimg_02.jpg" alt=""></a></li>
                <li class="item3"><a href="#"><img src="images/adimg_03.jpg" alt=""></a></li>
                <li class="item4"><a href="#"><img src="images/adimg_04.jpg" alt=""></a></li>
                <li class="item5"><a href="#"><img src="images/adimg_05.jpg" alt=""></a></li>

2.标准盒模型,怪异盒模型

盒模型
    1.标准盒模型
    宽度 = border(左右) + width + padding(左右)
    高度 = border(上下) + width + padding(上下)

    2.怪异盒模型(IE盒模型)
    宽度 = width
    高度 = height

 

淘宝主页(静态页面)第3天

标签:ref   主页   上下   mic   alt   code   产生   生成   http   

原文地址:https://www.cnblogs.com/lintianxiajun/p/13379428.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!