width: 55px;
height: 55px;
background: #ff6700 url(…/img/img.png) no-repeat 50% 50%;
}
更详细的解释:链接
2.获取嵌套标签下的class,注意空格
html文件:
.header-logo和.test是嵌套关系,中间要写空格
a与.test不是嵌套关系,所以不能写成:
.header-logo a .test
,
而是:.header-logo a.test
或者:.header-logo .test
3.实现:有加载css时不显示图片背后的文字,无css时显示文字
在背景图片上加跳转链接时,有时遇到网络不佳,不能显示图片,此时为了确保用户依然可以跳转页面,会备份写文字,让用户点击文字处跳转,如下:
用户点击“官网链接”完成页面跳转
但是如果只是简单写在链接对应位置,效果很丑,如:
html文件:
效果:
解决办法:设置超大的负缩进
html文件不变
css文件:
.header-logo a.lr{
text-align: center;
text-indent: -99992em;
}
效果:
有加载到css文件时看不到文字:
没有加载到css文件时看得到文字:
4.只要加了浮动,都要记得清除,可以给要清除浮动的标签都命名为clearfix,然后只要写一次清除浮动的代码即可
html文件:
登录|
注册|
css文件:
.clearfix::before,.clearfix::after {
content: “”;
display: table;
}
.clearfix::after {
clear:both;
}
5.如果子标签设置了浮动,父标签要清除浮动影响
此处使用after伪对象清除浮动
html文件:
小米商城|
MIUI|
IOT|
云服务|
金融|
有品|
# 最后自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!**
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!