HtmlCss学习笔记-01基础知识及环境搭建

前言

HTML是超文本标记语言，决定了页面有什么。
Css是描述页面展示的语言，又叫样式表，决定了页面张什么样。

两者均由w3c组织进行规范，官方资料是英文，可以在mdn开发者社区上看详细的中文资料。

浏览器分两个部分：①shell ②内核（js执行引擎、渲染引擎）

HTML和CSS由浏览器的内核中的渲染引擎执行。

世界主流浏览器内核：

1. IE： Trident
2. Firfox：Gecko
3. Chrome：webkit/ Blink，开始时webkit，后来改成了Blink
4. Safari：webkit
5. Opera：presto/Blink

版本与兼容性

HTML5和CSS3 也是标准，属于HTML和CSS中的标准版本的细则。
现在主流就是HTML5和CSS3，其中HTML5是在2014年提出，主流浏览器已经能完全支持，但是CSS3因为目前还没有指定完成，所以可能会有小的兼容性问题。

环境搭建

开发者推荐使用Chrome浏览器，并设为默认浏览器。
设置方法： 点击【开始菜单】，点击【设置】，再点击应用

安装文本编辑器

windows记事本
Sublime
Atom
Vscode【推荐】

Vscode插件vscode-icons 用于显示文件夹和不同文件的图标，以便分类。
live server 插件： 用来实时的刷新页面，只要修改文件后保存，浏览器会自动更新，无需自己去F5了。

不过我已经有了vs2017，不太想再去安装一个vscode，但是没在vs2017的插件中找到live server，可能叫其他名字。

不过在vs2017中建立的html文件默认格式和教程中的不同，我也搞不懂差别在哪里，还是老老实实安装vscode，避免踩坑，等以后学懂了，再来弄。

软件大约226MB的空间，不算大。

添加工作区：

安装插件

有了该插件，文件夹和文件都有独特的图标区分了：


用法很简单：

vscode还有自动保存功能