- 博客(5)
- 收藏
- 关注
RSS订阅原创 学习前端第七天笔记记录——精灵技术
使用精灵图就是移动精灵图的位置，此时就要使用background-position。将精灵图插入后盒子中后再移动他的位置。· 移动的距离就是这个目标图片的x和y坐标。· 使用精灵图的时候需要精确测量每个小背景图片的大小和位置。· 这个大图片也称为sprites 精灵图或者雪碧图。2、核心原理：将网页中的一些小背景图像整合到一张大的图片中，这样服务器就只需要请求一次就可以了。1、使用的核心：· 主要针对背景图片的使用。1、目的：为了有效地减少服务器的接受和发送请求的次数，提高页面的加载速度。
2024-10-07 20:01:49
249
原创 学习前端的第七天笔记记录——元素的显示与隐藏
3、参数： visible：不剪切内容也不添加滚动条，显示溢出内容（假如显示声明此默认值，对象将被剪切为包含对象的window或frame的大小，并且clip属性设置将失效）但如果有定位的盒子，请慎用overflow：hidden，因为它会隐藏多余的部分。（当我们想要该元素溢出的部分显示出来，比如黑马网站上很火的课程会给他们的那个盒子加上hot的图案）。hidden：不显示超过对象尺寸的内容（即不显示溢出部分）· 如果隐藏元素不想用原来的位置，就用display：none（用处更多 重点）
2024-10-07 19:59:40
652
原创 学习前端第七天笔记记录——定位及网页布局总结
让固定定位的盒子margin-left：版心宽度的一半。· 原来在标准流的位置继续占有，后面的盒子仍然用标准流的方式对待他（不脱标，继续 保留原来的位置）小算法：· 让固定定位的盒子left：50%，走到浏览器可视区域（也可以看作版心）（就是大盒 子）的一半位置。3、脱标的盒子不会触发外边距塌陷（浮动元素、绝对定位（固定定位）元素的都不会触发外边距 合并的问题）1、固定定位：元素固定于浏览器可视区域的位置。
2024-10-07 18:02:28
803
原创 学习前端第六天笔记记录——标准流与浮动
设置子元素的浮动时，需要设置盒子与盒子之间的间隙的时候，最后一个盒子可以不加外边距， 可以用类选择器对最后一个标签单独说明一下（要注意权重，注意他是否能被执行）（浮动的元素是互相贴靠在一起的（不会有缝隙），如果父级宽度装不下这些浮动的盒子，多出 的盒子会另起一行对齐）6、属性值： none（元素不浮动，默认值） left（元素向左浮动）常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table等。right（元素向右浮动）
2024-10-07 17:57:20
184
原创 学习前端的第五天的笔记记录
所谓盒子模型就是把html页面中的布局元素看作是一个矩形盒子，也就是一个盛装内容的容器。css盒子模型本质上是一个盒子，封装周围的html元素，它包括：边框、外边距、内边距和实际内容。
2024-10-03 23:45:25
738
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人