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
MySQL连接就这么简单!本地远程、编程语言连接方法一网打尽
还在为MySQL日期计算头疼?这份加一天操作指南能解决90%问题
MySQL日志到底在哪里?Linux/Windows/macOS全平台查找方法在此
MySQL数据库管理工具全景评测:从Workbench到DBeaver的技术选型指南
MySQL密码忘了怎么办?这份重置指南能救急,Windows/Linux/Mac都适用
你的MySQL为什么经常卡死?可能是锁表在作怪!快速排查方法在此
MySQL单表卡爆怎么办?从策略到实战,一文掌握「分表」救命技巧
清空MySQL数据表千万别用错!DELETE和TRUNCATE这个区别可能导致重大事故
你的MySQL中文排序一团糟?记住这几点,轻松实现准确拼音排序!
别再混淆Hive和MySQL了!读懂它们的天壤之别,才算摸到大数据的门道