后端转前端入坑指北「03」：CSS的一些小概念

笔者自大四实习至今一直学的是Python后端，如今的工作以我的理解应该描述为「后后端」。工作了一年吧，觉得当下的工作内容不符合自己的心意，说白了就是没有成就感。经深思熟虑决定自学前端内容，并将自己的学习历程分享出来，供各位参考，也请各位监督。

点击此处可查看笔者的完整学习路线和学习计划。今天自学内容为CSS的一些小概念。

点击此处可查看笔者大四时期写的前端小白文。

CSS的作用

CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式，让页面更加美观精简不显得臃肿。

CSS分类

• 内部样式表：在文档头部添加style标签，书写css样式
  
• 行内（内联）样式：直接书写在标签内部。
  
• 外部（外联）样式：引用外部CSS文件中的样式。
  

CSS样式规则

1. 选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。
2. 属性和属性值以“键值对”的形式出现。
3. 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
4. 属性和属性值之间用英文“:”连接。
5. 多个“键值对”之间用英文“;”进行区分

CSS选择器

• 标签/元素选择器：直接为某标签添加样式。
  
• 类选择器：使用“.”（英文点号）进行标识，后面紧跟类名。
  
• ID选择器：使用“#”进行标识，后面紧跟id名。
  
• 全局/通配符选择器：匹配页面中所有的元素。
  

碎碎念

CSS这东西随着框架的广泛使用已经变得不是那么重要了，暂时先搞个概念，以后遇到不懂的滚去查，附链接：菜鸟教程、w3school