add: HTML 基础强化

03-CSS进阶/00-准备.md

@@ -0,0 +1,78 @@
+
+
+## 前言
+
+css 进阶的主要内容如下。
+
+### 1、html 和 css 基础知识
+
+- html 元素的分类和特性
+
+- html 元素默认样式和定制化
+
+- css 选择器全解析
+
+- css 常见属性讲解
+
+### 2、css 布局相关
+
+- 布局属性和组合解析
+
+- 常见布局方案介绍
+
+- 三栏布局案例
+
+- 各网站布局方案拆解
+
+### 3、动画和效果
+
+> 属于 css 中最出彩的内容。
+
+- 多背景多投影特效
+
+- 3D特效编写实践
+
+- 过渡动画和关键帧动画实践
+
+- 动画细节和原理深入解析
+
+### 4、框架集成和 css 工程化
+
+- 预处理器作用和原理
+
+- less/sass 代码实践
+
+- Bootstrap 原理和用法
+
+- css 工程化的的实践方式
+
+- js 框架中的 css 集成实践
+
+## 常见问题
+
+> 不会css 的前端称之为伪前端。
+
+- html 元素的嵌套关系是怎么确定的？那些嵌套不可以发生？
+
+比如说，为什么 div 可以放在 a 标签里面？
+
+- css 选择器的权重是如何计算的？写代码时要注意什么？
+
+- 浮动布局是怎么回事？有什么优缺点？国内用的多吗？
+
+- css 可否做逐帧动画吗？性能如何？
+
+- Bootstrap 怎么做响应式布局？
+
+- 如何解决 css 模块化过程中的选择器互相干扰的问题？
+
+
+
+
+
+
+
+
+
+
+

03-CSS进阶/01-HTML基础强化.md

@@ -0,0 +1,58 @@
+
+## 本文主要内容
+
+- html 常见元素和理解
+
+- html版本
+
+- html 元素分类
+
+- html 元素嵌套关系
+
+- html 元素默认样式和定制化
+
+- html 常见面试题
+
+
+## html的 常见元素
+
+html 的常见元素主要分为两类：head 区域的元素、body 区域的元素。下面来分别介绍。
+
+
+### 1、head 区域的 html 元素
+
+> head 区域的 html 元素，不会在页面上留下直接的内容。
+
+- meta
+
+- title
+
+- style
+
+- link
+
+- script
+
+- base
+
+
+### 2、html 元素（body 区域）
+
+> body 区域的 html 元素，会直接出现在页面上。
+
+- div、section、article、aside、header、footer
+
+- p
+
+- span、em、strong
+
+- table、thead、tbody、tr、td
+
+- ul、ol、dl、dt、dd
+
+- a
+
+- form、input、select、textarea、button
+
+div 是最常见的元素，大多数场景下，都可以用div（实在不行就多包几层div）。可见，**div 是比较通用的元素，这也决定了 div 的的语义并不是很明确**。
+