Web前端从入门到放弃之拔云见日第一周

声明：本学习内容来自于 千锋教育_Web前端最全教程从入门到精通（HTML+CSS全套）！

入门到放弃四步走：

---

·第一步：拔云见日

• 基础部分：HTML、CSS；
• 切图流程：传统切图、智能切图、公司流行切图；
• 实战阶段：PC企业站布局、PC游戏战布局；

---

·第二步：溯本求源

• 基础部分的扩展：HTML的扩展、CSS的扩展；
• 新语法：HTML5、CSS3；
• 浏览器的兼容与解决方案：hack；

---

·第三步：风生水起

• 布局：弹性布局、网格布局、移动端布局、响应式布局；
• 布局框架：Bootstrap；

---

·第四步：巧夺天工

• 工程方面：预编译CSS、postrcss；
• 架构：CSS架构；
• 高级功能：解锁CSS的高级功能；
• 交互：CSS与JS的交互；

---

一、首先要了解什么是HTML、CSS？

–HTML：HTML百度百科

–CSS：CSS百度百科

它们是两种编程语言，一般情况下需要配合使用，是作为网站开发的基础语言。一个网站是由多个网页组成的，每一个网页都是一个 .html 文件，而VScode，是进行网站开发的不二之选。

---

二、宇宙第一编辑器 VS Code

VS Code，全称Visual Studio Code，来自微软，是一个开源的、基于Electron 的轻量代码编辑器。

-VS Code快捷键：

• ctrl +S 保存
• ctrl +a 全选
• ctrl + x、ctrl +c、ctrl +V:剪切、复制、粘贴
• ctrl + z、ctrl +y :撤销、前进
• shift +end :从头选中一行
• shift + home :从尾部选中一行
• shift + alt +↓:快速复制一行
• alt +1或↓:快速移动一行
• tab :向后缩进
• tab + shift :向前缩进0
• alt + 鼠标左键：多光标
• ctrl + d ：选择相同元素的下一个

---

三、深入了解网站开发

• UI设计师
• web前端开发工程师（H5开发）
  • 设计稿→代码
  • 数据库里的数据→显示到页面
  • HTML + CSS + JavaScript
    — HTML：结构
    — CSS：样式
    — JavaScript：行为
• web后端开发工程师

---