如何使用记事本创建简单的 CSS 样式表

作者: Clyde Lopez
创建日期: 20 七月 2021
更新日期: 1 七月 2024
Anonim
CSS 快速简明教程 | 盒子模型/文档流/定位/布局/响应式设计
视频: CSS 快速简明教程 | 盒子模型/文档流/定位/布局/响应式设计

内容

记事本是一种可用于创建级联样式表 (CSS) 文档的文本编辑器。在记事本中创建 CSS 文件后,您可以将该文件链接到网页,以便可以使用样式表设置网页内容的格式。

脚步

  1. 1 打开记事本程序。
  2. 2复制以下代码:

@charset "utf-8"; / * CSS Document * // * 定义 body 元素的颜色 * / body {background: # FFFFFF;} / * 此部分用于链接 * / a: link {字体粗细:正常;颜色:海军} a:访问过{font-weight:正常;颜色:绿色;} a:悬停{字体粗细:粗体;红色; font-variant: small-caps;} / * 本节为段落节 * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * 此部分用于图片的黑色边框。 * / img {border-color: # 000000;边框:粗;边框样式:脊;}

# 将“第 2 步”中的代码粘贴到记事本中。


  1. 1 将文件保存在记事本中。 单击“文件”按钮并选择“保存”命令,将其保存在名称“SimpleCSS.css”下。单击“保存”按钮后,将显示“另存为”对话框。
  2. 2 命名您的 CSS 文件。 在“文件名”文本框中输入“SimpleCSS.css”或任何带有“.css”扩展名的名称。
  3. 3 单击“保存”按钮。
  4. 4 完成了!

提示

  • 将记事本文件另存为纯文本(有时您可能将其称为文本文档或 ASCII)并为其指定扩展名“.css”。
  • 我们在此处编写的代码只是一个示例,向您展示如何使用记事本创建基本 CSS 文件,以在介绍部分显示的示例网页中操作其 HTML 元素。您可以更改我们的 CSS 编码,但是,您希望如何格式化网页的样式和外观。
  • 请记住将保存的 CSS 文档与创建网页的 HTML 文档放在同一文件夹中。
  • 创建 CSS 文档后,您可能需要进行下一步;也就是说,链接一个文档和一个网页。请参阅相关文章以执行此操作。

你需要的东西

  • 计算机
  • 记事本程序
  • 网络浏览器