add: CSS 基础回顾

This commit is contained in:
qianguyihao
2019-10-03 22:49:06 +08:00
parent 0ea740c0a7
commit 3975268ef4
8 changed files with 60 additions and 177 deletions

View File

@@ -8,17 +8,15 @@ css 进阶的主要内容如下。
- html 元素的分类和特性
- html 元素默认样式和定制化
- css 选择器
- css 常见属性
- css 常见属性(非布局样式)
### 2、css 布局相关
- 布局属性和组合解析
- css 布局属性和组合解析
- 常见布局方案介绍
- 常见布局方案
- 三栏布局案例
@@ -50,11 +48,11 @@ css 进阶的主要内容如下。
## 常见问题
> 不会css 的前端称之为伪前端。
> 不会 css 的前端称之为伪前端。
- html 元素的嵌套关系是怎么确定的?那些嵌套不可以发生?
比如说,为什么 div 可以放在 a 标签里面?
- 比如说,为什么 div 可以放在 a 标签里面?
- css 选择器的权重是如何计算的?写代码时要注意什么?

View File

@@ -7,7 +7,7 @@
- html 元素的嵌套关系
- html 元素的默认样式和定制化
- html 元素的默认样式和 CSS Reset
- html 常见面试题
@@ -126,7 +126,7 @@ div 是最常见的元素大多数场景下都可以用div实在不行
按照内容分类:
20191003_1946.png
![](http://img.smyhvae.com/20191003_1946.png)
图片来源:<https://html.spec.whatwg.org/multipage/dom.html#kinds-of-content>
@@ -140,7 +140,7 @@ div 是最常见的元素大多数场景下都可以用div实在不行
**注意**:在 HTML5 中 `a > div` 是合法的, `div > a > div`是不合法的 ;但是在 html 4.0.1 中, `a > div` 仍然是不合法的。
## html 元素的默认样式和定制化
## html 元素的默认样式和 CSS Reset
比如下拉框这种比较复杂的元素,是自带默认样式的。如果没有这个默认样式,则该元素在页面上不会有任何表现,则必然增加一些工作量。

View File

@@ -0,0 +1,11 @@
## 前言
CSS中有很多**非布局样式**,这些样式(属性)和与布局无关,包括:
- 字体、字重、颜色、大小、行高
- 背景、边框
- 滚动、换行
- 装饰性属性(粗体、斜体、下划线)等。