【3】CSS入门

4lqedz

写在前面

认识CSS理解CSS选取器的工作机制CSS属性归类记忆举荐学习办法：学习理解选取器和属性及属性值的概念后，把本文列出的常用CSS属性对照W3C标准学习理解记忆一遍运用场景及其区别属性值的表现。而后便是多练习，练习的多了自然就会了Created on 2020/9/29

初识CSS

概念：层叠样式表(英文全叫作：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅能够静态地修饰网页，还能够协同各样脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确掌控，支持几乎所有的字体字号样式，持有对网页对象和模型样式编辑的能力。

发展历程

1990 年，Tim Berners-Lee 和 Robert Cailliau 一起发明了 Web。1994 年，Web 真正走出实验室。1994 年哈坤·利提出了 CSS 的最初意见。而当时伯特·波斯（Bert Bos）正在设计一个名为 Argo 的浏览器，于是她们决定一块设计 CSS。1995 年的 www 网络会议上 CSS 又一次被提出，博斯演示了 Argo 浏览器支持 CSS 的例子，哈肯亦展示了支持 CSS 的 Arena 浏览器。同年，W3C 组织（World WideWeb Consortium）成立，CSS 的创作成员所有作为了 W3C 的工作小组并且全力以赴负责开发 CSS 标准，层叠样式表的研发最终走上正轨。1997 年初，W3C 组织负责 CSS 的工作组起始讨论第1版中无触及到的问题。其讨论结果组成为了 1998 年 5 月出版的 CSS 规范第二版。2005 年 12 月，W3C 起始 CSS3 标准的制定，到日前为止该标准还无最后定稿。IE6，前端工程师的痛 =_=现今微软已然接受了W3C标准和最新的CSS标准，往后会越来越好

特点

丰富的样式定义：CSS 供给了丰富的文档样式外观，以及设置文本和背景属性的能力；准许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；准许随意改变文本的体积写方式、修饰方式以及其他页面效果。易于运用和修改：CSS 能够将样式定义在 HTML 元素的 style 属性中，亦能够将其定义在 HTML 文档的 header 部分，亦能够将样式声明在一个专门的 CSS 文件中，以供 HTML 页面引用。总之，CSS 样式表能够将所有的样式声明统一存放，进行统一管理。多页面应用：CSS 样式表能够单独存放在一个 CSS 文件中，这般咱们就能够在多个页面中运用同一个 CSS 样式表。CSS 样式表理论上不属于任何页面文件，在任何页面文件中都能够将其引用。这般就能够实现多个页面风格的统一。层叠：层叠便是对一个元素多次设置同一个样式，这将运用最后一次设置的属性值。例如对一个站点中的多个页面运用了同一套 CSS 样式表，而某些页面中的某些元素想运用其他样式，就能够针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写，在浏览器中看到的将是最后面设置的样式效果。页面压缩：在运用 HTML 定义页面效果的网站中，常常必须海量或重复的表格和 font 元素形成各样规格的文字样式，这般做的后果便是会产生海量的 HTML 标签，从而使页面文件的体积增多。而将样式的声明单独放到 CSS 样式表中，能够大大的减小页面的体积，这般在加载页面时运用的时间亦会大大的减少。另一，CSS 样式表的复用更大程度的缩减了页面的体积，减少下载的时间。

CSS构成部分

选取器：标识当前CSS样式在哪个元素上生效属性名：属性名字是一个已定义的标识符，是 CSS 语法中的重要字。一种属性规定了格式修饰的一个方面。例如：color 是文本的颜色属性，而 font-size 则规定了文本的字

情迷布拉格

我赞同你的看法，你的智慧让人佩服，谢谢分享。

情迷布拉格

大势所趋，用于讽刺一些制作目的就是为了跟风玩梗，博取眼球的作品。

b1gc8v

“BS”（鄙视的缩写）‌