CSS 介绍,什么是 CSS、我们为什么要用? CSS 以及 CSS 如何描述 HTML 元素-css教程

首页 2024-07-09 23:02:47

什么是CSS?

CSS 代表层叠样式表
CSS 描述了 HTML 如何在屏幕、纸张或其他媒体上显示元素?
CSS 节省了很多工作。它可以同时控制多个网页的布局
存储在外部样式表中 CSS 文件中
为什么我们使用CSS?
CSS 用于定义网页的样式,包括不同设备和屏幕尺寸的设计、布局和显示变化。

示例
身体{
  背景色:浅蓝色;
}

h1 {
  白颜色;
  文本对齐:居中;
}

p {
  字体系列:verdana;
  字体大小:20px;
}
CSS解决了一个大问题

HTML 从未打算包含格式化网页的标签!
HTML 以描述网页的内容为目的,例如:

这是一个标题

这是段落。

CSS 节省了很多工作!

样式定义通常保存在外部.在css文件中。

CSS 语法

CSS 规则由选择器和声明块组成。
h1 {颜色:蓝色;字体大小:12px;}
选择器指向您想要设置样式的选择器 HTML 元素。
声明块包含一个或多个以分号分隔的声明。
每个声明都包含一个 CSS 以冒号分隔属性名称和一个值。

示例
p {
  红色;
  文本对齐:居中;
}
示例解释

p 是 CSS 选择器(指向您想要设置样式的选择器) HTML 元素:

)。
颜色是属性,红色是属性值
text-align 属性,center 是属性值

CSS 选择器

CSS 您想要设置样式的选择器用于“搜索”(或选择) HTML 元素。
我们可以将 CSS 选择器分为五类:
简单选择器(根据名称,id、类别选择元素)
组合选择器(根据元素之间的特定关系选择元素)
伪类选择器(根据某种状态选择元素)
伪元素选择器(选择元素的一部分并为其设置样式)
属性选择器(根据属性或属性值选择元素)

CSS 元素选择器

元素选择器根据元素名称选择 HTML 元素。

示例
p {
  文本对齐:居中;
  红色;
}

以上是CSS 介绍,什么是 CSS、我们为什么要用? CSS 以及 CSS 如何描述 HTML 详情请关注其他相关文章!


p