2020年12月23日
padding影响&不影响盒子实际大小的情况
摘要： ###影响 指定width，再给padding，盒子会变大。解决方法：width减去增加的左右padding值。 ###不影响 没有width，padding-left/right,盒子就不会撑大。（块元素会继承父亲的盒子大小，只要没有写明width就不会撑大！！！） 阅读全文
posted @ 2020-12-23 11:08 ice猫猫3 阅读(1062) 评论(0) 推荐(0)
【电商14】recom
摘要： ####li:nth-child(-n+3)选取前三个 ####控制图片大小，防止更改图片破坏布局！！ ####伪元素要带着content ####子绝父相，伪元素的父元素是它前面的那个元素li ####直接用的img的 head是左边那个时钟，body是右边那部分 ###html <!-- 推荐模 阅读全文
posted @ 2020-12-23 09:09 ice猫猫3 阅读(199) 评论(0) 推荐(0)
2020年12月22日
单行的多余文字，用省略号显示
摘要： 给装字的盒子设置样式 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 阅读全文
posted @ 2020-12-22 11:17 ice猫猫3 阅读(87) 评论(0) 推荐(0)
放精灵图的小盒子：_______；放字体图标：_______
摘要： #放精灵图的小盒子： -h5 -i比较多 #放字体图标： -i比较多，但是相比精灵图会加重服务器的压力 阅读全文
posted @ 2020-12-22 11:03 ice猫猫3 阅读(109) 评论(0) 推荐(0)
【电商13】newsflash lifeservice
摘要： ####它上边有盒子，就只定义了三边 ####格子的创造方法是，只给右边下边边框，再浮动 ####一行放不下4个盒子li自动掉下去，解决办法：给ul设置足够的宽度 ####一行4盒子超出范围，解决办法：overflow：hidden（因为lifeservice这个大盒子已经定义了三边了） ####i 阅读全文
posted @ 2020-12-22 10:59 ice猫猫3 阅读(87) 评论(0) 推荐(0)
【电商12】newsflash news
摘要： ####h5是块级元素呀，不然他两怎么可能放到一行上去 ####news-hd 是块元素，而且没有浮动/定位，可以继承width ####这个模块主要用到了大盒子给padding比较多 ####单行多余字数，呈现省略号形式 ###html <div class="news"> <div class= 阅读全文
posted @ 2020-12-22 10:55 ice猫猫3 阅读(77) 评论(0) 推荐(0)
width 继承性
摘要： 原文链接 1.当符合css默认“继承”的情况下（子元素必须是块级元素且无定位或浮动），是不需要写width属性，就可以默认“继承”的。 否则就要特殊声明一下width属性。 2.当使用width:100%的时候 也要注意其基准点到底是谁： （1）对于使用position:relative的子元素或浮 阅读全文
posted @ 2020-12-22 09:19 ice猫猫3 阅读(147) 评论(0) 推荐(0)
2020年12月21日
【电商11】main & focus图片的html方式
摘要： focus图片的html方式——放在li里面 ####尽量少用100% 有讲究hhh ####父子两者都有margin-top而造成的盒子塌陷情况 ####轮播图是用js控制ul ###html <div class="w"> <div class="main"> <!-- focus模块 --> 阅读全文
posted @ 2020-12-21 21:57 ice猫猫3 阅读(178) 评论(0) 推荐(0)
【电商10】footer mod_copyright
摘要： ####一些类名不用写父亲的类 ####小竖线的巧妙间距 {{uploading-image-361111.png(uploading...)}} ###html <div class="mod_copyright"> <div class="links"> <a href="#">关于我们</a> 阅读全文
posted @ 2020-12-21 20:58 ice猫猫3 阅读(142) 评论(0) 推荐(0)
【电商9】footer mod_help 妙
摘要： ####大小盒子有间隔，通常给大盒子padding，不是小盒子给margin ####dl不管它什么元素，反正要float的 ####最后一栏一个dd，该用img地方就用喽 ####最后一个dl妙啊 ###html <div class="mod_help"> <dl class="dl"> <dt 阅读全文
posted @ 2020-12-21 17:35 ice猫猫3 阅读(116) 评论(0) 推荐(0)