先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
正文
- rgba()只作用于元素的颜色或其背景色。(设置 rgba 透明的元素的子元素不会继承透明效果)
三、行内元素有哪些?块级元素有哪些?空(void)元素有那些?样式之间的转换和区别
-
CSS 规范规定,每个元素都有 display 属性,确定该元素的类型,每个元素都有默认的 display值,比如 div 默认display 属性值为“block”,成为“块级”元素;span 默认 display 属性值为“inline”, 是“行内”元素。
-
行内元素有:
a b span img input select strong(强调的语气)
-
块级元素有:
div ul ol li dl dt dd h1 h2 h3 h4…p
-
空标签:没有闭合的标签称为空标签,如:
<br />和<img />
等。 -
他们不存在成对的情况(除外)反之具有成对性质的例如:
<div></div>、<form></form>
就不是空标签。 在HTML中,在空标签上使用闭标签是无效的,例如:。这样的情况是无效的HTML。
常见有以下标签为空标签
(4)样式转换:
-
display:block 行内元素转换为块级元素
-
display:inline 块级元素转换为行内元素
-
display:inline-block 转为内联元素
区别:
-
块级元素独占一行,行内元素在同一行显示
-
块级元素默认为宽度为100%,行内元素默认宽度由内容撑开
-
块级元素可以设置宽高,行内元素设置宽高不生效
-
块级元素可以设置margin和padding的四周,而行内元素只能设置margin和padding的左右
-
布局时,块级元素可以包含行内元素和块级元素,而行内元素一般不包含块级元素
1)使用 CSS 方法:
父盒子设置:display:table-cell; text-align:center;vertical-align:middle;
Div 设置: display:inline-block;vertical-align:middle;
文末
如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。
同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。
这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。
269页《前端大厂面试宝典》
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
前端面试题汇总
JavaScript
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
做到真正的技术提升。**
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-pIFZdGAx-1713063763171)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!