学习html第四天css学习-CSDN博客

本文链接：https://blog.csdn.net/qq_56378605/article/details/118897133

CSS，全称层叠样式表，用于描述HTML或XML文档的样式，包括屏幕、纸张等不同媒体上的显示。它使得设计者可以节省大量工作，统一控制多页布局。CSS规则由选择器和声明块组成，选择器指向HTML元素，声明块包含属性和值。CSS样式表的插入方式有外部、内部和行内三种。此外，文本变换、下划线、复合选择器（后代、子选择器和并集选择器）是CSS修饰页面样式的常见方法。

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

什么是css?

CSS 是一种描述 HTML 文档样式的语言。

CSS 描述应该如何显示 HTML 元素。

CSS 指的是层叠样式表* (Cascading Style Sheets)

CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素

CSS 节省了大量工作。它可以同时控制多张网页的布局

外部样式表存储在 CSS 文件中

css对页面来说起到了修饰作用。

css样式

CSS 规则集（rule-set）由选择器和声明块组成：

CSS 选择器

选择器指向您需要设置样式的 HTML 元素。

声明块包含一条或多条用分号分隔的声明。

每条声明都包含一个 CSS 属性名称和一个值，以冒号分隔。

多条 CSS 声明用分号分隔，声明块用花括号括起来。

css选择器

css样式表插入

有三种插入样式表的方法：

外部 CSS

内部 CSS

行内 CSS

外部：

在与html同级的文件夹中添加后缀为.css的文件。然后在其中写入

内部：

通常在头部使用。格式如下

<head>
<style>


.aa {
  color: azure;
  font-size: 30px;
}
h1{
  color: aquamarine;
}
.red {
  width: 100px;
  height: 100px;
  background-color: brown;
}
.green {
  width: 100px;
  height: 100px;
  background-color: chartreuse;
}
.fix
{
  font-size: 40px;
}
</style>
</head>

行内：

顾名思义是在写入行时添加的：

<h4 style="text-indent: 20px;">自定义列表</h4>

css修饰

1.文本变换