前言

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浏览器,并设为默认浏览器。
设置方法: 点击【开始菜单】,点击【设置】,再点击应用HtmlCss学习笔记-01基础知识及环境搭建
HtmlCss学习笔记-01基础知识及环境搭建

安装文本编辑器

windows记事本
Sublime
Atom
Vscode【推荐】

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

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

HtmlCss学习笔记-01基础知识及环境搭建
不过在vs2017中建立的html文件默认格式和教程中的不同,我也搞不懂差别在哪里,还是老老实实安装vscode,避免踩坑,等以后学懂了,再来弄。

HtmlCss学习笔记-01基础知识及环境搭建
软件大约226MB的空间,不算大。

添加工作区:

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

安装插件

HtmlCss学习笔记-01基础知识及环境搭建
有了该插件,文件夹和文件都有独特的图标区分了:
HtmlCss学习笔记-01基础知识及环境搭建
HtmlCss学习笔记-01基础知识及环境搭建
用法很简单:
HtmlCss学习笔记-01基础知识及环境搭建
vscode还有自动保存功能
HtmlCss学习笔记-01基础知识及环境搭建

相关文章:

  • 2021-12-31
  • 2022-02-08
  • 2021-10-25
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-05-24
  • 2021-08-17
  • 2021-06-10
  • 2021-12-14
  • 2021-11-18
  • 2021-08-13
  • 2022-12-23
相关资源
相似解决方案