先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
正文
前言
对于初学者需要掌握的css的基本相关语法知识
提示:以下是本篇文章正文内容,下面案例可供参考
一、css是什么?
在学习css是什么之前,我们先来了解下HTML?
HTML是超文本标记语言,主要用于做结构呈现,用于显示元素的内容!ok,下面我们来介绍css
css是标记语言,用于美化html网页、布局页面!css最大价值,由html专注做结构呈现,样式则有css实现,也就是结构与样式相分离
二、css组成
css是由选择器和一个或者多个声明来组成的
三、css基本属性
1.css引入
1.内部样式表,指的是写在在html页面里,单独放到style标签内部,优点是结构与样式部分分离
2.行内样式表,直接在标签中添加css属性。适用于修改样式少的情况下使用
3.外部样式表,把css文件单独创建,使用link引入
代码如下(示例)
2.css基本属性
1.css字体属性
代码如下(示例):
font-family: Microsoft YaHei 用于设置字体
font-size: 12px 用于设置字体大小!注:谷歌浏览器默认是16px;
font-weight: 400/700 用于设置字体的粗细,400/700等价于normal/bold
font-style: italic(倾斜) normal(正常) 工作中常用于把倾斜的字体设置成正常
字体属性的复合写法:
font: font-style font-weight font-size/line-height font-family
注意:
- 复合写法,中间以空格相隔;并且顺序不能颠倒
- 不需要的可以省略,但是必须要有font-size 和 font-family 属性
2.css文本属性
代码如下(示例):
color: red;设置文本字体颜色
text-align: center/left/right 只能用于设置文本对齐(只是让盒子里的内容居中对齐)
text-decoration: none(删除下划线)/underline(下划线)/overline(上划线)/line-through(删除线)
text-indent: 2em 用于文本首行缩进,em是相对单位,默认浏览器是一个字体是16px,1em=16px
line- height: 25px;用于设置行高,行高=文字本身的高度+上边距+下边距
3.css选择器
首先我们要知道css选择器,分为基本选择器和复合选择器
1.基本选择器
代码如下(示例):
标签选择器 : p 选择所有的
标签
类选择器:.star 选择所有类名 class=“star” 的元素
id选择器:#id 选择所有id名 id=“first” 的元素
通配符选择器 * 选择所有的元素
专业技能
一般来说,面试官会根据你的简历内容去提问,但是技术基础还有需要自己去准备分类,形成自己的知识体系的。简单列一下我自己遇到的一些题
-
HTML+CSS
-
JavaScript
-
前端框架
-
前端性能优化
-
前端监控
-
模块化+项目构建
-
代码管理
-
信息安全
-
网络协议
-
浏览器
-
算法与数据结构
-
团队管理
最近得空把之前遇到的面试题做了一个整理,包括我本人自己去面试遇到的,还有其他人员去面试遇到的,还有网上刷到的,我都统一的整理了一下,希望对大家有用。
其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等
由于文章篇幅有限,仅展示部分内容
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
vert/ac0b1c2376da47d727e0dc8a77e76478.png)
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-Xyz7PA1l-1713672418389)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!