Web知识整理

---

一、前端“三剑客”

1. HTML

1.1 HTML概述

HTML是构成网页的主要语言，但是它不是一门编程语言。从它的全称超文本标记语言（ HyperText Markup Language）可以看出它是标记语言，用于定义内容结构。
HTML是由一系列的元素(Elemens)组成的，而元素是由开始标签（Opening Tag）、结束标签（Closing Tag）和内容（Content）组合而成的。就像下图所示：

还有比较特殊的标签：比如嵌套标签（Nesting Tag）和 空标签（Empty Tag）
嵌套标签顾名思义就是标签里还有标签；
空标签是没有结束标签和内容的，也就是说只有开始标签，那这个标签有什么意义呢？

首先看看比较常见的空标签，就是 img 标签了。可以看到在开始标签里面是有描述的，也就是属性，通过 key=value 的方式表述，而属性是用来提供一些额外信息的，并不会显示到内容中。

1.2 常见标签

常见的一些标签：

2. CSS

CSS（Cascading Style Sheets），也就是层叠样式表。用于设计风格布局，装饰HTML。
CSS主要的就是两个步骤：1.通过选择器确定想要修改的元素；2.怎么修改

2.1 选择器

选择器是很多的，这里只记录一些常见的选择器：

1. 元素/id/类 选择器：这三个放一块主要是感觉差不多性质了：

元素： h1{ }，前面是元素
id： #id( )，通过 # 来获取 id
class：.class（ ），class是通过"." 来获取的

2. 标签属性 选择器：这个选择的是元素上的某个标签来修改：

a[title] = { } 或者是
a[href="…"] { } 都可以