一、HTML和CSS系列学习计划 1、拨开云雾，露出阳光
基本介绍：HTML、CSS
切割工艺：传统切割、智能切割、公司流行的一些切割方式等。
实景：PC企业站布局、PC游戏站布局
2. 溯源
扩展知识点（详细、深入、一些新内容）：扩展HTML、扩展CSS、
HTML5新句型（在浏览器中非常成熟，情况良好）CSS3新句型、兼容性和hacks（不同浏览器之间的一些兼容性问题和一些解决方案）
3. 变得繁荣
现在流行的布局：弹性布局、网格布局
移动端布局：flow布局、rem布局等。
响应式布局（如何使用一套代码来适应很多不同的设备） Bookstrap（一个基于响应式布局的框架，用它来快速构建网页）
4. 独创性
工程：预编译CSS（Less和Css）postcss、CSS架构、高级功能、CSS和JS交互
2. 什么是 HTML 和 CSS？
它是一种用于制作网站的编程语言。
浏览器解析代码的方式就是我们看到的网站。
如何查看网站的原始代码？ 右键单击键盘并选择查看网页源代码。
代码怎么写？ 你写在哪里？
一个网站由N多个网页组成。
每个网页 -------- .html 文件
示例：电视剧，40 集--------.mp4 文件
补充：百度搜索内容---什么是HTML、CSS？
html css分别指的是：
1、超文本标记语言，html是一种标记语言，它包括一系列标签；
2.级联样式表，css是一种用于表达HTML或XML等文件样式的计算机语言，CSS可以在像素级别精确控制网页中元素位置的布局。
1.html介绍：
1.HTML代表超文本标记语言，是一种标记语言。 它包括一系列标签。 通过这个标签，可以统一互联网上的文档格式，将分散的互联网资源连接成一个逻辑整体。 HTML 文本是由 HTML 命令组成的描述性文本。 HTML命令可以描述文本、图形、动画、声音、表格、链接等。
2、超文本是通过超链接将文本中的文字、图形与其他信息媒体联系起来的一种信息组织方法。 这些相互关联的信息介质可能是同一个文本，也可能是其他文件，或者是地理上相距较远的计算机上的文件。 这种组织信息的方法将分布在不同地点的信息资源以随机的方式连接起来，方便人们查找和检索信息。
2.css介绍：
1.层叠样式表（英文全称：Cascading Style Sheets）是一种用于表示文档样式的计算机语言，例如HTML（标准通用标记语言的一种应用）或XML（标准通用标记语言的子集）。 CSS除了静态修改网页之外，还可以与各种脚本语言配合，动态修改网页的各种元素。
2、CSS可以在像素级别精确控制网页中元素位置的排版，支持几乎所有的字体大小和样式，并具有编辑网页对象和模型样式的能力。
3.HTML和CSS的关系：
1. 一个基本网站包含多个网页。 一个网页由 html、css 和 javascript 组成。 HTML为主体，加载各种DOM元素； CSS用于装饰DOM元素； JavaScript 控制 DOM 元素。 用一扇门来比喻，两者的关系是：HTML是门板，CSS是门上的油漆或图案，JavaScript是门开关；
2.HTML是网页内容的载体。 内容是网页创建者放置在页面上供用户浏览的信息，可以包括文本、图片、视频等。CSS样式是表现形式。 它就像网页的外套。 例如，标题字体和颜色改变，或者为标题添加背景图片、边框等。 所有用于改变内容外观的东西都称为表示。
4.css优先级：
多个 css 样式可以集中在一个 html 标签中。 出现这种情况时，一般按照优先级来定义：
1.浏览器默认设置（最低）
2.外部样式表
3.内部样式表（写在html标签里面）
4.内联样式（写在html标签中，即style属性）（最高）
5.css句型：
1.css由两个主要部分组成，选择器和一个或多个语句。
2、选择器指的是CSS样式的名称“.seletor”，并且必须有一个“.”。 在名字之后。 声明由属性和值组成。 举一个“margin: 0 auto”的反例。 冒号后面是属性，后面是值。 在这种情况下，定义元素显示在中心。
3.宇宙第一编译器VS Code
VS Code，全称Visual Studio Code，来自Google，是一个基于Electron的开源、轻量级代码编辑器。
VS Code下载地址：VS Code下载地址
安装插件：语言包、在浏览器中打开、在borwer中查看
学习编辑器的基本使用：
设置：文件
创建文件、创建文件夹、重命名和删除、搜索
ctrl+s：保存
ctrl + a : 全选
ctrl + x：剪切
ctrl + v：粘贴
ctrl + y：前进
ctrl + z：撤消
shift + end ：从开头选择一行
shift + home : 从末尾选择一行
shift + alt + ↓ ：快速复制一行
alt+↑或↓：快速联通专线
tab : 向后缩进
tab + shift ：向前缩进
多光标：alt + 鼠标左键
ctrl + d ：选择相同元素的下一个
ctrl + alt + A ：屏幕截图
4.Chrome浏览器
Google Chrome (Google) 是一款可以让您更快、更轻松、更安全地使用互联网的浏览器。
主流浏览器分类
主流浏览器分为IE、Microsoft Edge、Chrome、Firefox、Safari等，它们具有以下特点：
1.IE浏览器。 IE浏览器是Google推出的Windows系统自带的浏览器。 其内核由Google独立开发，简称IE内核。 该浏览器仅支持Windows平台。 国内大部分浏览器都提供了一些基于IE内核的插件，如360浏览器、搜狗浏览器等。 2、Microsoft Edge浏览器。 Microsoft Edge 是由 Google 开发的基于 Chromium 的浏览器。 3.Chrome（谷歌）浏览器。 Chrome是Google在开源项目基础上独立开发的浏览器。 它拥有最大的市场份额，并且为开发者提供了许多方便的插件。 因此，该浏览器也是本书开发的主要浏览器。 。 Chrome浏览器除了支持Windows平台外，还支持Linux和Mac系统，同时还提供移动应用程序（如Android和iOS平台） 4. Firefox（火狐）浏览器。 火狐浏览器是由开源组织提供的开源浏览器。 它开源了浏览器的源代码，同时还提供了很多插件，方便用户使用。 它支持Windows平台、Llnux平台和Mac平台5、Safari浏览器。 Safari浏览器主要是苹果公司为Mac系统量身定制的浏览器。 主要用于Mac和iOS系统。 5.对网站开发有深入的了解
UI设计师：设计稿
Web前端开发工程师（H5开发）
设计稿→代码
数据库中的数据→显示到页面
HTML+CSS
HTML：结构
CSS：样式
Web前端开发工程师
了解另一个后端技能：JavaScript、HTML和CSS的关系
1、JavaScript（简称“JS”）是目前最流行、使用最广泛的客户端脚本语言。 它用于给网页添加一些动态效果和交互功能，在Web开发领域起着举足轻重的作用。
2.JavaScript、HTML和CSS共同构成了我们看到的网页，其中：
HTML用于定义网页的内容css3 动画 内联样式，如标题、文字、图像等；
CSS用于控制网页的外观，如颜色、字体、背景等；
3、JavaScript用于实时更新网页内容，比如从服务器获取数据并更新到网页中，修改各个标签的样式或其内容等，使网页页面更加动态。
JavaScript 和 ECMAScript 之间的关系
1、ECMAScript（简称“ES”）是一种按照ECMA-262标准实现的通用脚本语言。 ECMA-262标准主要规定了该语言的句型、类型、语句、关键字、保留词、运算符、对象等。 几个部分，ECMAScript的最新版本是2.ECMAScript6（简称“ES6”）。
对于 JavaScript，有时人们将 JavaScript 和 ECMAScript 视为相同。 事实上，情况并非如此。 JavaScript 包含的内容比 ECMA-262 中指定的内容多得多。 完整的JavaScript由以下三部分组成：
3、核心（ECMAScript）：提供语言的句型和基本对象；
文档对象模型（DOM）：提供处理网页内容的方法和接口；
浏览器对象模型 (BOM)：提供与浏览器交互的方法和套接字。
如何运行 JavaScript
1、作为一种脚本语言，JavaScript代码无法独立运行。 通常我们需要使用浏览器来运行JavaScript代码。 所有网络浏览器都支持 JavaScript。
2. JavaScript代码除了在浏览器中执行外，还可以在服务器上或者在配备JavaScript引擎的设备上执行。 浏览器之所以能够运行JavaScript代码，是因为浏览器中嵌入了JavaScript引擎。 是很常见。 JavaScript 引擎是：
V8：Chrome 和 Opera 中的 JavaScript 引擎；
SpiderMonkey：Firefox 中的 JavaScript 引擎；
Chakra：IE 中的 JavaScript 引擎；
ChakraCore：Microsoft Edge 中的 JavaScript 引擎；
SquirrelFish：Safari 中的 JavaScript 引擎。
JavaScript 的特点
JavaScript 具有以下属性：
解释性脚本语言
JavaScript 是一种解释性脚本语言。 与C、C++等语言运行前需要编译不同，JavaScript编写的代码不需要编译，可以直接运行。面向对象
JavaScript 是一种面向对象的语言。 使用JavaScript，不仅可以创建对象，还可以操作和使用现有的对象。弱类型
JavaScript 是一种弱类型编程语言css3 动画 内联样式，对所使用的数据类型没有严格的要求。 例如，您可以将变量初始化为任何类型，也可以随时更改变量的类型。动态
JavaScript 是一种由风暴驱动的脚本语言。 它可以在不使用 Web 服务器的情况下响应用户输入。 例如，当我们访问网页时，通过键盘点击网页或者滚动窗口，JavaScript就可以直接应对这场风暴。
JavaScript不依赖于操作系统，可以在浏览器中运行。 因此，JavaScript脚本编译后，可以在任何系统上运行，只要系统上的浏览器支持JavaScript。
