- 博客(6)
- 收藏
- 关注
RSS订阅原创 前端自学day08-css 笔记整理
课程：（b站）黑马程序员【前端HTML5+CSS3+移动web全套教程】day08能够在网页中使用精灵图 能够使用背景大小属性，设置背景图片大小 能够认识CSS书写顺序，提高代码专业性和浏览器渲染性能 能够使用专业方式完成项目结构搭建和基础公共样式 能够应用已学技术知识完成小兔鲜儿项目一、项目样式补充目标：能够使用精灵图，能够给元素添加阴影效果，让元素完成过渡效果精灵图 背景图片大小 文字阴影 盒子阴影 过渡1.1精灵图结介绍场景：项目中将一张小图片合成一张大图.
2022-03-22 22:34:40
332
原创 前端自学day07-css布局（定位装饰）笔记整理
定位的常见应用场景可以解决盒子之间的层叠问题定位之后的元素层级最高，可以层叠在其他盒子上可以让盒子始终固定在屏幕中的某个位置设置偏移值：水平+垂直各选取一个偏移值设置为两个方向，水平垂直各选一个使用即可选取原则：就近原则（离那边近用哪个）设置偏移值：水平+垂直各选取一个偏移值设置为两个方向，水平垂直各选一个使用即可选取原则：就近原则（离那边近用哪个）4.1相对定位介绍：相对于自己之前的位置进行移动代码：position：relative；特点：需要配合方位属性实现移动
2022-03-21 22:45:20
555
原创 前端自学day06-css布局(笔记整理)
day06结构伪类选择器 伪元素 标准流 浮动 清除浮动一、结构伪类选择器目标：能够使用结构伪类选择器在html中定位元素1.作用与优势：场景：常用于查找某父级选择器中的子元素作用：根据元素在html中的结构关系查找元素优势：减少对于html中的类的依赖，有利于保持代码整洁2.选择器E:first-child{}:匹配父元素中的第一个子元素，并且是E元素E:last-child{}:匹配父元素中的最后一个子元素，并且是E元素E:nth-child(n){}:匹配父元素中第n个子.
2022-03-18 22:15:30
255
原创 自学前端day05-css布局（笔记整理）
课程自学：（b站）黑马程序员【前端HTML5+CSS3+移动Web全套教程】css三大特征 PxCook基本使用 盒子模型，内边距外边距的使用
2022-02-21 23:23:29
309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人