• HTML+CSS综合案例二：CSS简介

    1. html>
    2. <html lang="en">
    3. <head>
    4.   <meta charset="UTF-8">
    5.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.   <title> CSS简介title>
    7.   <style>
    8.     h1{
    9.       color: #333;
    10.     }
    11.     p{
    12.       /*  text-indent控制首行缩进2em：指2个单位 */
    13.       text-indent: 2em;
    14.       /* 在段落标签中设置字体的大小用的是font-size */
    15.       font-size: 14px;
    16.       /* line-height控制上一行和下一行的间距 */
    17.       line-height: 30px;
    18.       color: #444;
    19.     }
    20.     a{
    21.       color: #0069c2;
    22.     }
    23.     li{
    24.       font-size: 14px;
    25.       color: #444;
    26.       line-height: 30px;
    27.     }
    28.   style>
    29. head>
    30. <body>
    31.   <h1>CSS（层叠样式表）h1>
    32.   <p>层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种<a href="#">样式表a>语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。p>
    33.   <p><strong>CSS 是开放网络的核心语言之一，strong>由 W3C 规范 实现跨浏览器的标准化。CSS 节省了大量的工作。 样式可以通过定义保存在外部.css 文件中，同时控制多个网页的布局，这意味着开发者不必经历在所有网页上编辑布局的麻烦。CSS 被分为不同等级：CSS1 现已废弃， CSS2.1 是推荐标准， CSS3 分成多个小模块且正在标准化中。p>
    34.   <ul>
    35.     <li>CSS 介绍 如果你是 Web 开发的新手，请务必阅读我们的 CSS 基础 文章以学习 CSS 的含义和用法。li>
    36.     <li>CSS 教程 我们的 CSS 学习区 包含了丰富的教程，它们覆盖了全部基础知识，能使你在 CSS 之路上从初出茅庐到游刃有余。li>
    37.     <li>CSS 参考 针对资深 Web 开发者的 <a href="#">详细参考手册a> ，描述了 CSS 的各个属性与概念。li>
    38.   ul>
    39. body>
    40. html>

     效果展示：

  • 相关阅读:
    .Net 7 C#11 原始字符串
    处理数据中不必要的部分，并将处理过的数据写入新的文件中
    IP地址划分知识点总结
    浅谈二叉树
    y138.第八章 Servless和Knative从入门到精通 -- Knative基础(二)
    彻底搞懂Spring的循环依赖
    Gerrit的用法及与gitlab的区别
    小趴菜教你如何用Python开发手机App..
    Web组态可视化编辑器 快速绘制组态
    37 _ 贪心算法：如何用贪心算法实现Huffman压缩编码？
  • 原文地址：https://blog.csdn.net/m0_63949203/article/details/133284459