CSS | 前端三件套之CSS

逐梦苍穹

已于 2023-02-09 17:57:01 修改

阅读量301

点赞数

文章标签： css 前端

于 2023-02-09 17:56:02 首次发布

本文链接：https://blog.csdn.net/qq_60735796/article/details/128957746

版权

1、简介

CSS 是一门语言，用于控制网页表现。之前介绍过W3C标准。W3C标准规定了网页是由以下组成：

结构：HTML

表现：CSS

行为：JavaScript

CSS也有一个专业的名字：Cascading Style Sheet（层叠样式表）

CSS具有强大的继承性，允许您继承父元素的样式。 CSS也具有层叠（Cascading）功能，允许多个样式表按特定顺序组合。

CSS还支持媒体查询，允许您为不同的媒体类型（例如打印机或移动设备）定义不同的样式。

2、简单demo

如下面的代码， style 标签中定义的就是css代码。该代码描述了将 div 标签的内容的字体颜色设置为红色。

<!DOCTYPE html>
<html lang="en">
    <head>
	    <meta charset="UTF-8">
        <title>Title</title>
        <style>
            div{
                color: red;
            }
        </style>
    </head>
    <body>
        <div>Hello CSS~</div>
    </body>
</html>

3、如何使用

CSS可以通过三种方式使用：

内联样式：在HTML元素的style属性中定义样式：<h1 style="color: blue;">This is a heading</h1>

内部样式表：在HTML文档的head部分中定义样式表

<head>
  <style>
    h1 {
      color: blue;
    }
  </style>
</head>

外部样式表：在单独的CSS文件中定义样式表，并在HTML文档中通过link标签引用
```
<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
```

外部样式表是最常用的CSS使用方式，因为它允许在多个HTML文档中复用相同的样式表

逐梦苍穹

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS | 前端三件套之CSS

简单介绍CSS
复制链接

扫一扫