前端学习笔记1

学习四阶段

1.拨云见日

HTML，CSS，切图流程，PC企业站布局，PC游戏站布局

2.溯本求源

扩展HTML，扩展CSS，HTML5新语法，CSS3新语法，兼容与hack

3.风生水起

弹性布局，网格布局，移动端布局，响应式布局，Bootstrap

4.巧夺天工

预编译CSS，postcss,CSS架构，高级功能，CSS与JS交互

一. 了解什么是HTML、CSS？

它们是两种编程语言，一般情况下需要配合使用，是作为网站开发的基础语言。
浏览器把代码解析后的样子就是我们看到的网站，可以通过鼠标右键选择查看网页源代码。
HTML（结构层）介绍
CSS（表现层）介绍

二. 宇宙第一编辑器 VS Code

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

下载地址

1.如何安装插件？

语音包、open in browser、view in broswer

2.学习编辑器基本使用

创建文件、创建文件夹、重命名和删除
设置：文件 ->首选项->设置（大小、是否换行 word wrap）

3.编辑快捷键

动图演示

快捷键大全

常用：
Ctrl+z 撤销 、Ctrl+y 前进、
Ctrl+x 剪切、Ctrl+v 复制、
Ctrl+a 全选、Ctrl+s 保存
Shift+end 从头部选中一行
Shift+home 从尾部选中一行
Shift+alt+↓ 快速复制一行
Alt+↑或↓ 快速移动一行
Tab 向后缩进
Tab+shift 向前缩进
Alt+鼠标左键 多光标
Ctrl+d 选择相同元素的下一个