CSS-层叠样式表

最新推荐文章于 2023-08-23 20:34:01 发布

秃头少年小阮

最新推荐文章于 2023-08-23 20:34:01 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS学习笔记文章标签： css css3 html

本文链接：https://blog.youkuaiyun.com/rihjyy/article/details/122831019

CSS学习笔记专栏收录该内容

3 篇文章

订阅专栏

CSS（层叠样式表）用于设置HTML页面的样式，包括字体、颜色、尺寸和布局，使页面更具吸引力和组织性。通过CSS，可以轻松控制段落文本的颜色和大小，实现更丰富的页面展示。例如，将段落文本颜色设置为cornflowerblue，字体大小设置为30px。CSS的引入使得页面布局更加灵活，提高了设计的控制力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS-层叠样式表

1.作用：

可以让页面看起来更加美观，格式更加有条理。

2.简介

CSS是层叠样式表(Cascading Style Sheets) 的简称，有时我们也会称之为CSS样式表或级联样式表。

CSS也是一门标记语言。

CSS主要用于设置HTML页面中的文本内容(字体、大小、对其方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。

CSS让我们的页面更加丰富多彩，布局更加灵活自如。简单理解：CSS可以美化HTML，让HTML更漂亮，让页面布局更简单。

3.CSS语法规范

这里写一段带了CSS的代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS语法规范</title>
    <style>
        p {
            color: cornflowerblue;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <p>这是一个段落</p>
</body>
</html>

我们可以发现，相比于之前单纯的HTML代码，这段代码有什么不同呢？这段代码其实是多了一段：

<style>
        p {
            /*"p"指的是<p>标签*/
            color: cornflowerblue;
            /*color属性可以规定下面HTML代码的"p"标签内文本的颜色*/
            font-size: 30px;
            /*font-size属性可以规定"p"标签内文本的大小，这里我们可以设置为30像素*/
        }
</style>