001HTML+CSS(class001-006)

说明：

　　所写系列内容为课程学习的笔记，全课程分为955集，共分为205个小时。

　　学习地址: https://www.bilibili.com/video/BV1gt4y1m7Eo

[A] HTML+CSS课程分四部分：

　　1. 拨云见日

　　　　HTML   

　　　　CSS   

　　　　切图流程

　　　　PC企业站的布局

　　　　PC游戏站的布局

　　2. 溯本求源

　　　　扩展HTML

　　　　扩展CSS

　　　　HTML5新语法

　　　　CSS3新语法

　　　　兼容与hack

　　3. 风生水起

　　　　弹性布局 (Flexible Box)

　　　　网格布局(gird)

　　　　移动端布局：流式布局, rem,淘宝的lib-flexible方案

　　　　响应式的布局：一套代码适应不同的设备

　　　　BootStrap：基于响应式布局的框架

　　4. 巧夺天工: 有关工程

　　　　预编译CSS：Les，Sass

　　　　postcss: 工程化的操作css

　　　　CSS架构：划分文件，文件之间的配合和使用

　　　　高级功能

　　　　CSS和JS的交互

 

[B] 什么是HTML和CSS

　　做网站的编程语言。

　　浏览器把代码解析后的样子就是我们看到的网站。

[C] 网站，网页，html的关系

　　 一个网站由N多个网页组成，每一个网页就是一个 .html文件.

[D] 编辑器

　　VSCode，HbuilderX。。。

　　VSCode技能：

　　　　多光标选择修改：alt+鼠标选择

[E] Chrome浏览器

 　　Chrome浏览器市场份额超过50%，为最主流的浏览器。

[F] 深入了解网站开发

　　UI设计师：设计稿，即设计网页的效果图

　　web前端开发工程师(H5开发)：

　　　　设计稿——>代码

　　　　数据库中的数据——>显示到页面

　　　　HTML+CSS：

　　　　　　HTML: 结构

　　　　　　CSS: 样式

　　web后端开发工程师：

　　　　网站中中的数据存储与处理

[G] web前端的三大核心技术

　　HTML: 结构

　　CSS: 样式

　　JavaScript: 行为