初识CSS

Posted 2022-09-16 Guarding and trust

不为失败找理由，只为成功找方法。所有的不甘，都是因为还心存梦想，在你放弃之前，好好拼一把，只怕心老，不怕路长。

文章目录

• 前言
• 一、什么是CSS
• 二、CSS有何用途
• 三、如何高效学习CSS
• 总结

---

前言

本章主要介绍什么是css，为何要学习css，如何学css。那么学习本章本作者建议您先去学习html，了解什么是HTML然后再来学习CSS会事半功倍。

---

一、什么是CSS

    学一样东西，特别是技术活，那么知道它是什么很重要，要是能把它的历史背景略知一二那就更好了。在聊历史背景之前，先介绍一下什么是CSS。CSS全称叫：Cascading Style Sgeets，中文名叫：层叠样式表。历史背景：在20多年前，网页可没有现在这么绚丽多彩，在那个时候只有HTML编制网页，单一的不堪入目。而HTML属性特别稀少，那么就有不淡定的人物出现了，自定义大量的属性来填充样式，但是这样使得HTML严重臃肿，如图：

    最后到了

• 1940年，Håkon Wium Lie 最初提出了 CSS 的想法，联合当时正在设计 Argo 的浏览器的Bert Bos，他们决定一起合作设计 CSS，于是创造了 CSS 的最初版本。
• 1996 年 12 月，W3C 推出了 CSS 规范的第一版本。
• 1997 年，W3C 颁布 CSS1.0 版本 ，CSS1.0 较全面地规定了文档的显示样式，可分为选择器、样式属性、伪类 / 对象几个部分。
• 1998 年，W3C 发布了 CSS 的第二个版本，目前的主流浏览器都采用这标准。
• 2005 年 12 月，W3C 开始 CSS3 标准的制定，到目前为止该标准还没有最终定稿。
• 2001 年，微软发布了 IE6，在 Windows 普及的年代 IE6 浏览器占据了高达 80% 的市场，这对 CSS 的标准推广起着重要作用。但是也给开发人员带来了很多烦脑。
• 直到 2014 后，大家逐渐放弃了对 IE6 的支持，这简直是对前端工程师最大的福音。随着 IE6 退出市场，微软发布 了IE10 版本。
• 2016年，Chrome 浏览器占据全球浏览器排行榜首位。随着 Hybrid、React Native 等技术的兴起，互联网进入移动端时代，前端工程师开始新的挑战，忙碌于适配各种端。

二、CSS有何用途

    了解了什么是CSS和它的历史背景，那么CSS的重要性可想而知的了。那么CSS的用途是什么呢？我们来个比较形象的比喻：一个人，在还不注重着装打扮之前，是不是很普通，烂大街的存在。但是当一个人学会注重着装打扮的时候，那么会不会出现一个错觉：是同一个人吗？如果还没明白，那么再来个比喻：小汽车，还没上油漆的汽车看外壳是不是很单调，一上油漆，美轮美奂。那么CSS的用途就是这个，给网页上颜色\\样式，让网页美轮美奂。所以说CSS造就了现在网页的丰富多彩也不夸张。

三、如何高效学习CSS

    学到这里，你已经很明确CSS的重要性和了解它是什么了，那么是不是很期待如何高效的去学习了呢。别急，学习CSS是有点技巧的，如果盲目的去学习，不仅学不到谨慎，说不定还浪费时间。那么如何高效学习呢？在说之前，先放学习资源(可点击直接跳转)：

1. 菜鸟教程
2. w3scholl
3. W3C官方API
4. 学习Web开发

以上两个网站对于自学者或查文档都比较友好，特别是第二个w3scoll是是W3C标准，可以说是官方文档。那么高效学习CSS是如何的呢，下面我来列举一下重要知识点：

1. 选择器
2. 字体样式
3. 文本样式
4. 背景样式
5. 表单
6. 列表
7. 表格
8. 盒子模型
9. 布局
10. 伪类
    对于初学者,个人觉得把以上几个掌握,就可以写一些简单色彩的网页了,多动手,多有自己的想法,那么就很快上手了的.

总结

    本篇文章介绍了什么是CSS,为什么要学习它,它的作用是什么,最后还介绍了如何高效的学习.CSS是前端三件套之一,是前端开发人员必备的知识.如果本篇文章对您有用,请给作者点个赞.