HTML + CSS 宝典 第一节 概述

                                                               课程概述

HTML & CSS   到底是什么  有什么用

• 他们是 计算机语言
• 语言  是 沟通的工具， 人和人沟通的 语言：自然语言
• 人和计算机  沟通的工具： 计算机语言
• 网页    =  HTML  +  CSS  + JavaScript 
• HTML ： Hyper  Text  Markup  Language   超文本标记语言； 定义网页中有什么
• CSS    :   Cascading  Style  Sheets   层叠 样式表； 定义网页中的东西长什么 样子

 

课程 顺序：

• HTML 讲解一点     ->   CSS（ 补充HTML的知识 ）
• HTML: 简单， 没有什么效果
• CSS：相对复杂

 

 

 

---

 

 

HTML 和 CSS概述

术语：

术语可以 降低 沟通成本

1.  web  :  互联网

2.  W3C  :  万维网联盟， 非盈利性组织，为互联网 提供各种标准

3.  XML  ：extension markup Language  可扩展的标记语言  , 用于定义文档结构

4.  HTML:  HTML 是 W3C 组织定义的语言标准，HTML 是用于 描述 页面结构的语言

5.  CSS   :  CSS 也是 w3C 组织定义的，用于页面内容 展示描述，决定的页面长什么样子 .

6.  浏览器  或者 浏览器内核  可以  执行 HTML  CSS

 

 

 浏览器分为两个部分：

1.  shell  : 外壳    
2.  core   : 内核    执行JS，  渲染 HTML  CSS （JS 执行引擎，  渲染引擎）

 

主流浏览器：

• IE              内核    trident       /ˈtraɪdnt/         三叉戟
• Firfox        内核    gecko      /ˈɡekoʊ/           壁虎
• Chrome    内核    以前：  webkit  (谷歌+苹果一起开发)，     现在：  Blink
• Opera       内核    以前：  presto，                                         现在：  Blink
• Safari       内核    webkit 

 

 

版本和兼容性：

  HTML      版本是 5    html5           2014年提出的

  CSS         版本是 3     css3           标准目前还没有制定。一直在更新的路上

  XHTML    可以理解为 HTML 的一种 一个版本

 

 

VS Code  插件 小知识：

显示文件图标  vscode-icons ， F1 **

 

markdown 增强文件  Markdown Preview Enhanced