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

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

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

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

CSS的作用

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

CSS分类

  • 内部样式表:在文档头部添加style标签,书写css样式
    css
  • 行内(内联)样式:直接书写在标签内部。
    css
  • 外部(外联)样式:引用外部CSS文件中的样式。
    css

CSS样式规则

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

CSS选择器

  • 标签/元素选择器:直接为某标签添加样式。
    css
  • 类选择器:使用“.”(英文点号)进行标识,后面紧跟类名。
    在这里插入图片描述
  • ID选择器:使用“#”进行标识,后面紧跟id名。
    在这里插入图片描述
  • 全局/通配符选择器:匹配页面中所有的元素。
    在这里插入图片描述

碎碎念

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

发布了82 篇原创文章 · 获赞 12 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_34307082/article/details/104411884