最后
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我特地针对初学者整理一套前端学习资料
- ⼀个head标签对：
⻚⾯的“头部”，⻚⾯的相关信息，⽐如标题，作者等等就写在这，这⾥内容是不会显示在浏览器的
- ⼀个body标签对：
⻚⾯的“身体”，⼀般⽹⻚绝⼤多数的标签代码都是在这⾥编写。主要显示在浏览器屏幕中的内容
标题
标题
段落标签
段落标签
⽂本标签
⽂本标签
⽂本标签
⽂本标签
⽂本标签
样式层CSS
- 我们可以使⽤style属性，为标签添加样式，如：
标题
标题
段落标签
- 我们可以把这⼀类的样式，提出来包起来，并给它⼀个名字test。之后我们就⽤这个test为我们的标签添加样式
标题
段落标签
这个也就叫类选择器，选择出⼀类的标签添加样式。
选择器
顾名思义，就是选择到相应的标签进⾏修饰，其中主要的选择器有：
-
标签选择器（根据标签名称获取标签） 对⻚⾯中的所有该标签都有效
-
ID选择器（获取标签id=xxx的标签）对⻚⾯中指定id的标签进⾏修饰，⼀般都是修饰唯⼀的标签
-
类选择器（获取标签class=xxx的标签）可以选择⻚⾯中的⼀组标签，class=”xxx”的⼀组标签进⾏
修饰
-
包含选择器（获取某类标签中的所有的⼦标签）
-
…
- CSS⽂字属性
font-family 字体类型 font-family：微软雅⿊,Arial,Times New Roman;
font-size 字体⼤⼩ font-size：16px;
font-weight 字体粗细 font-weight: normal/lighter/bold/bolder;
font-style 字体斜体 font-style: italic;
color 颜⾊ color: red;
- 边框的三个属性
border-width 边框的宽度
border-style 边框的外观
border-color 边框的颜⾊
- CSS背景图像属性
background-image 定义背景图像的路径，这样图⽚才能显示嘛
background-repeat 定义背景图像显示⽅式，例如纵向平铺、横向平铺
background-position 定义背景图像在元素哪个位置
background-attachment 定义背景图像是否随内容⽽滚动
background:url(images/11.jpg) no-repeat;定义背景图像不重复出现
- 盒⼦模型
外边距margin，边框border，内边距padding
对于child块标签，边框到⽗标签之间的距离是外边距margin，边框是border，⽽child的内容到边框的距离就叫做内边距padding，他们都是有上下左右之分。
⾏为层JavaScript
- avaScript是⼀⻔编程语⾔，有很多的内容，⽐如变量、操作符、分⽀循环语句、函数⽅法等等，再深⼊还有⾯向对象、原型、闭包、作⽤域等等内容
- 动态改变⻚⾯内容
HTML⻚⾯是静态的，⼀旦编写，内容是⽆法改变的。JavaScript可以弥补这个不⾜，可以将内容动态地显示在⽹⻚中。
- 动态改变⽹⻚的外观
JavaScript通过修改⽹⻚元素的CSS样式，达到动态地改变⽹⻚的外观。
- 验证表单数据
我们常⻅的在各⼤⽹站中的注册中的验证功能，就是JavaScript实现的。
- 响应事件
JavaScript是基于事件的语⾔。例如点击⼀个按钮弹出⼀个对话框，就是⿏标点击触发的事件
⻚⾯中试试看
- 实现点击改变子颜色和点击显示倒计时
标题一
标题二
段落内容
段落内容
段落内容
段落内容
文本标签1也叫做文本行标签
文本标签2也叫做文本行标签
<span class=“test2” id=“content2” οnclick=“clickme()”>文本标签3也叫做文本行标签
块标签
块标签
块标签
