本文是Web前端CSS基础系列的第一篇，详细介绍了CSS的语法规则、引入方式、基础选择器（标签选择器、类选择器、ID选择器、通配符选择器）以及字体和文本样式的相关知识，包括字体大小、粗细、样式、类型、文本缩进、对齐和修饰。重点讲解了CSS在实际项目中如何应用，强调了CSS的外联式引入和类选择器的重要性。
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样式的效果实现方式，接下来的内容，就是我想要介绍的。
二、CSS的语法规则
首先：写在哪里？
CSS写在style标签中，style标签一般写在head标签里面，title标签下面。
其次：怎么写？如图所示：
注意：
①CSS 标点符号都是英文状态下的；
②每一个样式键值对写完之后，最后需要写分号；
三、CSS的引入方式
CSS有三种引入方式，其分别为：内嵌式、外联式、行内式，其中在具体项目的开发中，最常用的还是【外联式】，因为这种方式避免了页面代码的大量冗余，同时提高了网页CSS样式表的可维护性，当然，这三种方式还是需要一一介绍：
➢内嵌式：CSS 写在style标签中——常用于小的案例使用
• 提示：style标签虽然可以写在页面任意位置，但是通常约定写在 head 标签中，具体情况如图所示：
最低0.47元/天 解锁文章
扫一扫
3030
到【灌水乐园】发言
