- 博客(9)
- 收藏
- 关注
RSS订阅原创 CSS学习记录9-品优购2
1、加了下句代码后，即鼠标经过出现红框，但是由于盒子高宽已经被border-sizing限制死了，只能为 width: 290px;解决方法：给ul设置一个宽度，ul是可以超过div.lifeservice盒子的，小li存放在ul盒子里就不会掉下去。注意1：小li本来是4个并排的，但是4个小li的总宽度超过了div.lifeservice盒子的宽度，所以会掉下去。注意：1、recom-bd里的小竖线是用after伪元素做的，其中为了隐藏第4条竖线，采用（-n+3）来选择前三条。这是以后JS还需完善的内容。
2024-01-18 03:14:38
792
1
原创 CSS学习记录8-品优购
imges-样式内图片文件夹css-样式文件夹upload-产品类图片文件夹（区分与imges文件夹的不同）fonts字体类文件夹js脚本文件夹（目前未涉及）
2024-01-12 22:09:31
800
1
原创 CSS学习记录7
CSS3中可以通过box-sizing来指定盒模型，有两个值，分别是content-box、border-box。3、注意理解.tudou:hover::before 这种书写格式，意思是：当鼠标经过tudou时，就让before元素显示出来。规则5图文解释如下，在div盒子内部，before建立的元素在盒子里面的前面，after同理，其他元素还是在中间。注意：div::before 既有伪元素选择器，又有标签选择器，所以权重为 2。缺点：每次清除都会插入一个新的标签，大量增加了HTML结构，不推荐。
2024-01-07 17:16:54
1069
1
原创 CSS学习记录6
1 精灵图1.1 精灵图的使用移动背景图片位置，使用background-position注意：一般情况都是往上往左移动，所以数值是负值。
2024-01-04 17:31:07
352
1
原创 CSS学习记录5
1、是否脱标 2、以谁为基准点移动位置学习定位重点学会父相子绝1.8 定位叠放次序 z-indexz-index:1;一个完整的网页，是标准流、浮动、定位一起完成布局的，每个都有自己专门的用法。
2024-01-03 02:35:37
1074
1
原创 CSS学习记录4
3、不管什么层级的元素，只要浮动，都会具有行内块元素的特点。三个盒子，如果A、C是标准流，B是浮动，则B不会覆盖到A上去(因为A独占一行)，布局是。2、浮动的盒子只会影响浮动盒子后面的标准流，不会影响前面的标准流。如果父盒子未指定高度，子盒子全都浮动了，那。练习1：一个标准流的父亲+两个浮动的儿子。练习2：一个标准流的父亲+四个浮动的儿子。父盒子(标准) 未指定高度 + 子盒子(浮动)父盒子(浮动) 未指定高度 + 子盒子(浮动)练习3：一个标准流的父亲+九个浮动的儿子。1、浮动与标准流的父盒子搭配使用。
2024-01-01 20:32:21
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人