原创 CSS是什么？起什么作用？

发布时间：2021-12-07 16:10:29 浏览 6012 来源：博学谷作者：小谷

CSS是什么？起什么作用？CSS是(Cascading Style Sheets)层叠样式表的缩写简称样式表。网页设计者使用CSS可以定义元素的样式包括字体，颜色及其它的高级样式。做前端页面开发必须要知道CSS的作用及使用方法。

1、CSS 是什么？

CSS(Cascading Style Sheet)层叠样式表，它是用来美化页面的一种语言。举例看一下：

没有使用CSS的效果图

使用CSS的效果图

2、CSS 的作用

（1）美化界面, 比如: 设置标签文字大小、颜色、字体加粗等样式。

（2）控制页面布局, 比如: 设置浮动、定位等样式。

3、 CSS 的基本语法

选择器{

样式规则

}

样式规则：

属性名1：属性值1;

属性名2：属性值2;

属性名3：属性值3;

...

选择器:是用来选择标签的，选出来以后给标签加样式。

代码示例:

css代码示例

说明：CSS 是由两个主要的部分构成：选择器和一条或多条样式规则，注意:样式规则需要放到大括号里面。

CSS小结：CSS 是层叠样式表，它是用来美化网页和控制页面布局的；定义 CSS 的语法格式是: 选择器{样式规则}。

Python教程 Python开发

— 申请免费试学名额 —

在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！

上一篇：装饰器的作用及使用方法是什么？下一篇： CSS引入方式有几种？怎么使用？

相关推荐 更多

使用Python开发游戏可以吗？

用Python开发游戏完全没有问题，游戏里面要用到一些全局变量、加载资源、创建开始界面、开始游戏，舞台层鼠标点击事件的监听器是startGame函数，也就是我们点击开始界面就开始游戏。

8583

2019-07-09 17:50:31

Python开发
初学Python用什么编辑器？Python开发编辑工具推荐

对于初学Python小伙伴来讲，一款好用的编辑器可以让效率大大提高。本篇文章为大家整理了，目前最受Python新手喜爱的八大编辑工具，感兴趣的小伙伴赶紧来看看吧！

7865

2019-08-29 14:48:21

Python开发软件工具
Python数据分析可视化教程学习

随着数据分析与数据挖掘行业的日益火爆，Python数据分析可视化教程也成为了许多人提升职业竞争力的必修课。本文将详细为大家介绍Python数据分析可视化教程的具体内容，全文会围绕着为什么学？学什么？学了有什么用？这几个问题展开，让大家全面了解该教程适不适合自己学习。如果对数据分析感兴趣就接着看下去吧！

7111

2020-04-03 15:54:58

Python教程Python学习大数据分析
爬虫Python入门好学吗？学什么？

学爬虫需要具备一定的基础，有编程基础学Python爬虫更容易学。但要多看多练，有自己的逻辑想法。用Python达到自己的学习目的才算有价值。如果是入门学习了解，开始学习不难，但深入学习有难度，特别大项目。

5915

2020-09-30 09:55:59

Python教程Python入门
使用apt-get命令如何安装软件？

使用apt-get命令如何安装软件？软件安装有两种方式离线安装和在线安装。使用 apt-get 命令是在线安装需要更改镜像源，提高下载和安装速度。学习目标：使用apt-get命令安装软件。

7765

2022-03-29 10:14:15

Python开发Python学习