Web前端系列技术之CSS基础（从入门开始）①

努力学前端的小柴

已于 2022-09-13 14:38:08 修改

阅读量882

点赞数 2

分类专栏： CSS基础学习文章标签： css java 前端 web css3

于 2022-07-22 20:54:18 首次发布

本文链接：https://blog.csdn.net/IAMLSD550/article/details/125936461

版权

本文是Web前端CSS基础系列的第一篇，详细介绍了CSS的语法规则、引入方式、基础选择器（标签选择器、类选择器、ID选择器、通配符选择器）以及字体和文本样式的相关知识，包括字体大小、粗细、样式、类型、文本缩进、对齐和修饰。重点讲解了CSS在实际项目中如何应用，强调了CSS的外联式引入和类选择器的重要性。

摘要由CSDN通过智能技术生成

Web前端系列技术之CSS基础（从入门开始）①

从这一节开始，便开始记录每天重新学习巩固CSS语言的过程了，作为美化HTML的一门语言，它的发展始终和网页的开发息息相关；而现如今，它也已经迭代到了CSS3，其规范的模块化，促使着我们可以规范进行有效的开发，其具体内容介绍可以参考CSS3百度百科。

一、前言

什么是CSS语言？为什么要使用到CSS语言？该如何使用CSS语言呢？

1. 什么是CSS语言？
CSS：层叠样式表（Cascading style sheets），是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。简单而言：就是给页面中的HTML标签设置样式，用来美化页面的。

2.为什么要使用到CSS语言？
CSS有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大，并且这种影响可能是无止境的。将网页的大部分甚至是全部的表示信息从（X）HTML文件中移出，并将它们保留在一个样式表中有诸多优点，如降低文件大小、节省网络带宽以及易于维护等。此外，站点的表现信息和核心内容相分离，使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。
CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量（因为重复设置的格式将被只保存一次）。只要修改保存着网站格式的CSs样式表文件就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用。这就避免了一个个网页的修改，大大减少了工作量。

3.该如何使用CSS语言呢？
既然选择使用CSS叠层样式表来开发网页，那首先自然要学会的就是理解CSS代码的书写规范 ，其次就是懂得如何引入CSS代码 ，最后就是理解各种CSS样式的效果实现方式，接下来的内容，就是我想要介绍的。