跳至内容

超文本标记语言/CSS

来自维基教科书,开放世界中的开放书籍

到目前为止,我们已经了解了如何将文本分成段落并创建章节标题。虽然 HTML 允许您定义文档的结构,但它不提供任何对外观的控制。层叠样式表 (CSS) 是一种描述文档呈现方式的语言。您可以使用 CSS 更改 HTML 文档的外观。CSS 指令称为规则样式,CSS 规则文档称为样式表。(请注意,Web 浏览器具有内置样式表,用于确定标题、段落等的默认外观。这些样式可以用您自己的样式表覆盖。)

本节介绍了如何使用 CSS 对 HTML 进行样式设置。CSS 本身在配套维基教科书层叠样式表中有详细介绍。

CSS 的作用是什么?

[编辑 | 编辑源代码]

来自段落和标题部分的示例页面使用浏览器的默认 CSS,看起来会像这样。

日晷
来自维基百科,自由的百科全书。
日晷是通过太阳的位置来测量时间的。最常见的日晷设计,例如“普通”或标准花园日晷,在刻有白天小时的平面上投下阴影。随着太阳位置的变化,阴影指示的时间也会随之变化。然而,日晷可以设计成任何表面,只要一个固定物体在该表面上投下可预测的阴影即可。
大多数日晷设计指示视太阳时。微小的设计差异可以测量标准时间和夏令时。
历史
古埃及有 obelisk(公元前 3500 年)和 shadow clocks(公元前 1500 年)形式的日晷,并在其他文化中得到进一步发展,包括中国、希腊和罗马文化。旧约中描述了一种没有晷针的日晷(以赛亚书 38:2)。
据说数学家和天文学家比提尼亚的西奥多修斯(约公元前 160 年-约公元前 100 年)发明了一种可以在地球上任何地方使用的通用日晷。法国天文学家奥朗斯·菲内在 1524 年建造了一个象牙日晷。意大利天文学家乔瓦尼·帕多瓦尼在 1570 年发表了一篇关于日晷的论文,其中包括制造和布置壁挂(垂直)和水平日晷的说明。朱塞佩·比安卡尼的《Constructio instrumenti ad horologia solaria》讨论了如何制作一个完美的日晷,并配有插图。
标准日晷的安装
许多装饰性日晷的设计是在北纬 45 度使用的。通过倾斜这种日晷,它可以被安装在能够保持时间的位置。然而,一些大规模生产的花园日晷由于设计不良而精度不高,无法校正。为一个纬度设计的日晷可以通过倾斜其底座来调整以在另一个纬度使用,使它的晷针或晷针平行于地球的自转轴,使其指向北半球的天球北极,或南半球的天球南极。
一个当地的标准时区通常宽 15 度,但可能会根据地理和政治边界进行调整。日晷可以绕其晷针或晷针(必须始终指向天球极点)旋转,以调整到当地时区。在大多数情况下,7.5 度东至 23 度西之间的旋转就足够了。
要校正夏令时,一个表盘需要两组数字或一个校正表。一个非正式的标准是用暖色表示夏季数字,用冷色表示冬季数字。旋转日晷效果不佳,因为大多数日晷没有相等的时角。
普通日晷不会将视太阳时校正为钟表时间。由于地球的轨道略微椭圆形,并且其轴线相对于其轨道平面倾斜,因此全年存在 15 分钟的变化,称为时间方程。高质量的日晷将包括一个永久安装的表格或图表,至少提供一年中每个月的校正值。一些更复杂的日晷具有弯曲的时线、弯曲的晷针或其他排列,以便直接显示钟表时间。

通过添加样式表,外观可以更改为

日晷
来自维基百科,自由的百科全书。
日晷是通过太阳的位置来测量时间的。最常见的日晷设计,例如“普通”或标准花园日晷,在刻有白天小时的平面上投下阴影。随着太阳位置的变化,阴影指示的时间也会随之变化。然而,日晷可以设计成任何表面,只要一个固定物体在该表面上投下可预测的阴影即可。
大多数日晷设计指示视太阳时。微小的设计差异可以测量标准时间和夏令时。
历史
古埃及有 obelisk(公元前 3500 年)和 shadow clocks(公元前 1500 年)形式的日晷,并在其他文化中得到进一步发展,包括中国、希腊和罗马文化。旧约中描述了一种没有晷针的日晷(以赛亚书 38:2)。
据说数学家和天文学家比提尼亚的西奥多修斯(约公元前 160 年-约公元前 100 年)发明了一种可以在地球上任何地方使用的通用日晷。法国天文学家奥朗斯·菲内在 1524 年建造了一个象牙日晷。意大利天文学家乔瓦尼·帕多瓦尼在 1570 年发表了一篇关于日晷的论文,其中包括制造和布置壁挂(垂直)和水平日晷的说明。朱塞佩·比安卡尼的《Constructio instrumenti ad horologia solaria》讨论了如何制作一个完美的日晷,并配有插图。
标准日晷的安装
许多装饰性日晷的设计是在北纬 45 度使用的。通过倾斜这种日晷,它可以被安装在能够保持时间的位置。然而,一些大规模生产的花园日晷由于设计不良而精度不高,无法校正。为一个纬度设计的日晷可以通过倾斜其底座来调整以在另一个纬度使用,使它的晷针或晷针平行于地球的自转轴,使其指向北半球的天球北极,或南半球的天球南极。
一个当地的标准时区通常宽 15 度,但可能会根据地理和政治边界进行调整。日晷可以绕其晷针或晷针(必须始终指向天球极点)旋转,以调整到当地时区。在大多数情况下,7.5 度东至 23 度西之间的旋转就足够了。
要校正夏令时,一个表盘需要两组数字或一个校正表。一个非正式的标准是用暖色表示夏季数字,用冷色表示冬季数字。旋转日晷效果不佳,因为大多数日晷没有相等的时角。
普通日晷不会将视太阳时校正为钟表时间。由于地球的轨道略微椭圆形,并且其轴线相对于其轨道平面倾斜,因此全年存在 15 分钟的变化,称为时间方程。高质量的日晷将包括一个永久安装的表格或图表,至少提供一年中每个月的校正值。一些更复杂的日晷具有弯曲的时线、弯曲的晷针或其他排列,以便直接显示钟表时间。

如何添加 CSS 样式表

[编辑 | 编辑源代码]

CSS 通常保存在与 HTML 文档分开的文件中。这样可以使多个 HTML 文档共享一个样式表。link 元素用于将 CSS 样式表中的规则应用于文档。基本语法如下:

    <link rel="stylesheet" href="styles.css">

其中styles.css是样式表的文件名、路径或 URI。

(当您只使用一个样式表时,为了简单和约定,使用“styles.css”作为名称。您可以使用多个样式表。每个额外的样式表都用额外的 <link> 标签添加。在某些情况下,将 CSS 规则拆分成多个样式表是有意义的,尤其是在处理大型网站时。在这种情况下,您应该为样式表使用更具描述性的名称。)

上面示例的 CSS 文件包含以下内容

body {
  background:#ffc;
  color:#000;
  font-family:cursive
}

h1 {
  color:red;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
  margin:0
}

h2 {
  text-align:center;
  font-size:1em;
  font-weight:bold;
  margin:1em 0 0
}

p {
  text-indent:2em;
  text-align:justify;
  margin:0
}

将其保存为styles.css

来自上一节的 HTML 文档,在第五行添加了 link 元素,如下所示。将其保存为与styles.css同一目录下的sundial2.htm

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Sundial</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
    <h1>Sundial</h1>
    <p>From Wikipedia, the free encyclopedia.</p>
    <p>A sundial measures time by the position of the sun. The most commonly seen designs, such as the
       'ordinary' or standard garden sundial, cast a shadow on a flat surface marked with the hours of
       the day. As the position of the sun changes, the time indicated by the shadow changes. However,
       sundials can be designed for any surface where a fixed object casts a predictable shadow.
    </p>
    <p>Most sundial designs indicate apparent solar time. Minor design variations can measure standard
       and daylight saving time, as well.
    </p>
    <h2>History</h2>
    <p>Sundials in the form of obelisks (3500 BC) and shadow clocks (1500 BC) are known from ancient
       Egypt, and were developed further by other cultures, including the Chinese, Greek, and Roman
       cultures. A type of sundial without gnomon is described in the old Old Testament
       (Isaiah 38:2).
    </p>
    <p>The mathematician and astronomer Theodosius of Bithynia (ca. 160 BC-ca. 100 BC) is said to have
       invented a universal sundial that could be used anywhere on Earth. The French astronomer Oronce
       Finé constructed a sundial of ivory in 1524. The Italian astronomer Giovanni Padovani published
       a treatise on the sundial in 1570, in which he included instructions for the manufacture and 
       laying out of mural (vertical) and horizontal sundials. Giuseppe Biancani's Constructio 
       instrumenti ad horologia solaria discusses how to make a perfect sundial, with accompanying 
       illustrations.
    </p>
    <h2>Installation of standard sundials</h2>
    <p>Many ornamental sundials are designed to be used at 45 degrees north. By tilting such a 
       sundial, it may be installed so that it will keep time. However, some mass-produced garden 
       sundials are inaccurate because of poor design and cannot be corrected. A sundial designed for 
       one latitude can be adjusted for use at another latitude by tilting its base so that its style 
       or gnomon is parallel to the Earth's axis of rotation, so that it points at the north celestial
       pole in the northern hemisphere, or the south celestial pole in the southern hemisphere.
    </p>
    <p>A local standard time zone is nominally 15 degrees wide, but may be modified to follow 
       geographic and political boundaries. A sundial can be rotated around its style or gnomon (which
       must remain pointed at the celestial pole) to adjust to the local time zone. In most cases, a 
       rotation in the range of 7.5 degrees east to 23 degrees west suffices.
    </p>
    <p>To correct for daylight saving time, a face needs two sets of numerals or a correction table. 
       An informal standard is to have numerals in hot colors for summer, and in cool colors for 
       winter. Rotating the sundial will not work well because most sundials do not have equal hour 
       angles.
    </p>
    <p>Ordinary sundials do not correct apparent solar time to clock time. There is a 15 minute 
       variation through the year, known as the equation of time, because the Earth's orbit is 
       slightly elliptical and its axis is tilted relative to the plane of its orbit. A quality 
       sundial will include a permanently-mounted table or graph giving this correction for at least 
       each month of the year. Some more-complex sundials have curved hour-lines, curved gnomons or 
       other arrangements to directly display the clock time.
    </p>
  </body>
</html>

用您的 Web 浏览器打开sundial2.htm,您应该看到一个背景为浅黄色的页面。

华夏公益教科书