【3】CSS入门
<h2 style="color: black; text-align: left; margin-bottom: 10px;">写在前面</h2>认识CSS理解CSS<span style="color: black;">选取</span>器的工作机制CSS属性<span style="color: black;">归类</span>记忆<span style="color: black;">举荐</span>学习<span style="color: black;">办法</span>：学习理解<span style="color: black;">选取</span>器和属性及属性值的概念后，把本文列出的常用CSS属性对照W3C标准学习理解记忆一遍<span style="color: black;">运用</span>场景及其<span style="color: black;">区别</span>属性值的表现。<span style="color: black;">而后</span><span style="color: black;">便是</span>多练习，练习的多了自然就会了Created on 2020/9/29<h2 style="color: black; text-align: left; margin-bottom: 10px;">初识CSS</h2>概念：层叠样式表(英文全<span style="color: black;">叫作</span>：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅<span style="color: black;">能够</span>静态地修饰网页，还<span style="color: black;">能够</span><span style="color: black;">协同</span><span style="color: black;">各样</span>脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确<span style="color: black;">掌控</span>，支持几乎所有的字体字号样式，<span style="color: black;">持有</span>对网页对象和模型样式编辑的能力。<h2 style="color: black; text-align: left; margin-bottom: 10px;">发展历程</h2>1990 年，Tim Berners-Lee 和 Robert Cailliau <span style="color: black;">一起</span>发明了 Web。1994 年，Web 真正走出实验室。1994 年哈坤·利提出了 CSS 的最初<span style="color: black;">意见</span>。而当时伯特·波斯（Bert Bos）正在设计一个名为 Argo 的浏览器，于是<span style="color: black;">她们</span>决定<span style="color: black;">一块</span>设计 CSS。1995 年的 www 网络会议上 CSS 又一次被提出，博斯演示了 Argo 浏览器支持 CSS 的例子，哈肯<span style="color: black;">亦</span>展示了支持 CSS 的 Arena 浏览器。同年，W3C 组织（World WideWeb Consortium）成立，CSS 的创作成员<span style="color: black;">所有</span><span style="color: black;">作为</span>了 W3C 的工作小组并且全力以赴负责<span style="color: black;">开发</span> CSS 标准，层叠样式表的<span style="color: black;">研发</span><span style="color: black;">最终</span>走上正轨。1997 年初，W3C 组织负责 CSS 的工作组<span style="color: black;">起始</span>讨论<span style="color: black;">第1</span>版中<span style="color: black;">无</span><span style="color: black;">触及</span>到的问题。其讨论结果组<span style="color: black;">成为了</span> 1998 年 5 月出版的 CSS 规范第二版。2005 年 12 月，W3C <span style="color: black;">起始</span> CSS3 标准的制定，到<span style="color: black;">日前</span>为止该标准还<span style="color: black;">无</span><span style="color: black;">最后</span>定稿。IE6，前端工程师的痛 =_=现今微软<span style="color: black;">已然</span>接受了W3C标准和最新的CSS标准，往后会越来越好<h2 style="color: black; text-align: left; margin-bottom: 10px;">特点</h2>丰富的样式定义：CSS <span style="color: black;">供给</span>了丰富的文档样式外观，以及设置文本和背景属性的能力；<span style="color: black;">准许</span>为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；<span style="color: black;">准许</span>随意改变文本的<span style="color: black;">体积</span>写方式、修饰方式以及其他页面效果。易于<span style="color: black;">运用</span>和修改：CSS <span style="color: black;">能够</span>将样式定义在 HTML 元素的 style 属性中，<span style="color: black;">亦</span><span style="color: black;">能够</span>将其定义在 HTML 文档的 header 部分，<span style="color: black;">亦</span><span style="color: black;">能够</span>将样式声明在一个专门的 CSS 文件中，以供 HTML 页面引用。总之，CSS 样式表<span style="color: black;">能够</span>将所有的样式声明统一存放，进行统一管理。多页面应用：CSS 样式表<span style="color: black;">能够</span>单独存放在一个 CSS 文件中，<span style="color: black;">这般</span><span style="color: black;">咱们</span>就<span style="color: black;">能够</span>在多个页面中<span style="color: black;">运用</span>同一个 CSS 样式表。CSS 样式表理论上不属于任何页面文件，在任何页面文件中都<span style="color: black;">能够</span>将其引用。<span style="color: black;">这般</span>就<span style="color: black;">能够</span>实现多个页面风格的统一。层叠：层叠<span style="color: black;">便是</span>对一个元素多次设置同一个样式，这将<span style="color: black;">运用</span>最后一次设置的属性值。例如对一个站点中的多个页面<span style="color: black;">运用</span>了同一套 CSS 样式表，而某些页面中的某些元素想<span style="color: black;">运用</span>其他样式，就<span style="color: black;">能够</span>针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写，在浏览器中看到的将是最后面设置的样式效果。页面压缩：在<span style="color: black;">运用</span> HTML 定义页面效果的网站中，<span style="color: black;">常常</span><span style="color: black;">必须</span><span style="color: black;">海量</span>或重复的表格和 font 元素形成<span style="color: black;">各样</span>规格的文字样式，<span style="color: black;">这般</span>做的后果<span style="color: black;">便是</span>会产生<span style="color: black;">海量</span>的 HTML 标签，从而使页面文件的<span style="color: black;">体积</span><span style="color: black;">增多</span>。而将样式的声明单独放到 CSS 样式表中，<span style="color: black;">能够</span>大大的减小页面的体积，<span style="color: black;">这般</span>在加载页面时<span style="color: black;">运用</span>的时间<span style="color: black;">亦</span>会大大的减少。<span style="color: black;">另一</span>，CSS 样式表的复用更大程度的缩减了页面的体积，减少下载的时间。<h2 style="color: black; text-align: left; margin-bottom: 10px;">CSS<span style="color: black;">构成</span>部分</h2><span style="color: black;">选取</span>器：标识当前CSS样式在哪个元素上生效属性名：属性名字是一个已定义的标识符，是 CSS 语法中的<span style="color: black;">重要</span>字。一种属性规定了格式修饰的一个方面。例如：color 是文本的颜色属性，而 font-size 则规定了文本的字
我赞同你的看法，你的智慧让人佩服，谢谢分享。 大势所趋，用于讽刺一些制作目的就是为了跟风玩梗，博取眼球的作品。 “BS”（鄙视的缩写）
页:
[1]