非零基础自学前端最后一遍一 HTML+CSS 4 邂逅CSS 4.1 认识CSS-CSS的发展历史和作用

忘是亡心i 2024-03-25 09:25 57阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  一 HTML+CSS
         *  4 邂逅CSS
         *   *  4.1 认识CSS-CSS的发展历史和作用
             *   *  4.1.1 认识CSS
                 *  4.1.2 CSS的历史

![在这里插入图片描述][23628c2b78dd4f70971778431b0f691b.png_pic_center]

#### 一 HTML+CSS ####

#### 4 邂逅CSS ####

##### 4.1 认识CSS-CSS的发展历史和作用 #####

###### 4.1.1 认识CSS ######

*  CSS表示层叠样式表（Cascading Style Sheet，简称：CSS，又称为又称串样式列表、级联样式表、串接样式表、阶层式样式表） 是为网页添加样式的代码。

![在这里插入图片描述][eaa58b761a38497cbe4479b29ff797b8.png_pic_center]

*  CSS是一种语言吗？(知道即可)
    
     *  MDN解释：CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言；
     *  维基百科解释：是一种计算机语言，但是不算是一种编程语言；

###### 4.1.2 CSS的历史 ######

*  早期的网页都是通过HTML来编写的，但是我们希望HTML页面可以更加丰富:
    
     *  这个时候就增加了很多具备特殊样式的元素：比如i、strong、del等等；
     *  后来也有不同的浏览器实现各自的样式语言，但是没有统一的规划；
     *  1994年，哈肯·维姆·莱和伯特·波斯合作设计CSS，在1996年的时候发布了CSS1；
     *  直到1997年初，W3C组织才专门成立了CSS的工作组，1998年5月发布了CSS2；
     *  在2006~2009非常流行 “DIV+CSS”布局的方式来替代所有的html标签；
     *  从CSS3开始，所有的CSS分成了不同的模块（modules），每一个“modules”都有于CSS2中额外增加的功能，以及向后 兼容。
     *  直到2011年6月7日，CSS 3 Color Module终于发布为W3C Recommendation。
 *  总结：CSS的出现是为了美化HTML的，并且让结构（HTML）与样式（CSS）分离；
    
     *  美化方式一：为HTML添加各种各样的样式，比如颜色、字体、大小、下划线等等；
     *  美化方式二：对HTML进行布局，按照某种结构显示（CSS进行布局 – 浮动、flex、grid）；

[23628c2b78dd4f70971778431b0f691b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/d1fb9315598d4d2cb9eacebe1870f1d2.png
[eaa58b761a38497cbe4479b29ff797b8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/b3e50148bc5f41a0894926861dc70190.png