目录
文章目录隐藏
  1. 什么是 CSS?
  2. 为何使用 CSS?
  3. CSS 解决了一个大问题
  4. CSS 节省了大量工作!

什么是 CSS?

  • CSS 指的是层叠样式表(Cascading Style Sheets),也称级联样式表。
  • CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
  • CSS 节省了大量工作。它可以同时控制多张网页的布局
  • 外部样式表存储在 CSS 文件

为何使用 CSS?

CSS 用于定义网页的样式,包括针对不同设备和屏幕尺寸的设计和布局。

CSS 实例

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}
</style>
</head>
<body>

<h1>我的第一个 CSS 实例</h1>
<p>这是一个段落。</p>

</body>
</html>

CSS 解决了一个大问题

HTML 标签原本被设计为用于定义文档内容,如下实例:

<h1>这是一个标题。</h1>
<p>这是一个段落。</p>

样式表定义如何显示 HTML 元素,就像 HTML 中的字体标签和颜色属性所起的作用那样。

如果您不知道 HTML 是什么,建议您阅读 HTML 教程

CSS 节省了大量工作!

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

通过使用外部样式表文件,您只需更改一个文件即可更改整个网站的外观!

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 02. CSS 简介

发表回复