02. 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 文件中。

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

1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » 02. CSS 简介

发表评论

前端开发相关广告投放 更专业 更精准

立即查看 联系我们