前言
HTML是超文本标记语言,决定了页面有什么。
Css是描述页面展示的语言,又叫样式表,决定了页面张什么样。
两者均由w3c组织进行规范,官方资料是英文,可以在mdn开发者社区上看详细的中文资料。
浏览器分两个部分:①shell ②内核(js执行引擎、渲染引擎)
HTML和CSS由浏览器的内核中的渲染引擎执行。
世界主流浏览器内核:
- IE: Trident
- Firfox:Gecko
- Chrome:webkit/ Blink,开始时webkit,后来改成了Blink
- Safari:webkit
- 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还有自动保存功能