- 博客(3)
- 收藏
- 关注
RSS订阅原创 web前端案例——携程网首页flex制作
精灵图笔记： 精灵图是把需要的小图片拼接到一张图片上，可以减少请求服务器的次数，让网页加载速度变快。 二倍图：需要50x50（css），如果直接放进去，那么移动端会放大2倍，变成100x100css，图片变模糊。所以准备一张100x100的图片，然后缩小为50x50的图片，就不会变模糊。 c3盒子模型笔记： 两种盒模型：content-box和border-box。 border-box是常用的盒模型，声明他之后便不用考虑加边框后盒子变形的问题。但是在设置内容文本垂直居中时，行高不可以再等于盒子上下外边距的
2022-03-14 03:28:03
3230
原创 Web前端——fixed定位盒子+锚点链接+定位笔记
上次做了学成网的首页，想要补充一个可以随着网页滚动的侧边栏。 侧边栏的功能是快速跳转到需要浏览的模块，比如回到顶部。 因为没有其他需要快速跳转的模块，所以只有前四个有锚点链接。锚点链接的用法为：在跳转处设置a链接，href="#xx"，在相应被跳转的地方设置id=“xx”。（设置id部分并未展示代码，可以在上一篇文章中获取代码自行添加） 定位笔记： 定位模式有四种：静态static、相对relative、绝对absolute、固定fixed 让绝对/固定定位的盒子紧贴着版心，思路是left左移50%+mar
2021-11-23 17:06:22
908
原创 Web前端案例——学成网首页制作
简易的学成网网站制作。代码均有注释，可以说十分新手向了。 相关知识：html+css，主要学习的是css的浮动布局。下一篇文章会在这个网页的基础上添加定位盒子。 运行效果图： html部分： <!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2021-11-22 20:40:34
4155
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人