4、网页开发基础：HTML、CSS与颜色图形应用

网页开发基础：HTML、CSS与颜色图形应用

1. HTML与CSS基础

在网页开发中，HTML用于构建网页的结构，而CSS则负责网页的样式。一般而言，应避免使用修改元素外观或布局的属性，因为大多数这类属性已被弃用，推荐使用CSS来实现样式设置。

CSS格式与规则

CSS（层叠样式表）是格式化网页文档的正确方式。它通过一系列规则来改变浏览器对代码的渲染方式，能控制元素在页面上的位置、颜色、字体等。CSS规则由属性和值组成，属性是预定义的CSS元素，值表示要属性执行的操作。规则的格式为：属性名后跟冒号和值，最后以分号结束。例如， font-style:italic; 会让浏览器以斜体显示元素。

CSS字体家族

现代计算机有数百种不同的字体，但并非所有字体都能在其他计算机上显示，因此需要选择网页安全字体。常见的网页字体家族有衬线体（serif）、无衬线体（sans-serif）和等宽字体（monospaced）。
- 衬线体 ：字母边缘有小线条，如Georgia字体，这种字体在打印时更易阅读。
- 等宽字体 ：每个字母占用相同的空间，如Courier New字体，除非用于显示代码或营造打字机效果，否则应避免使用。
- 无衬线体 ：字母边缘没有小线条，如Verdana和Arial字体，在电脑屏幕上更易阅读。

常见的字体使用方式是标题用衬线体，其他内容用无衬线体，这样能让标题更突出，段落更易读。CSS中有八个字体属性，以下是四个常见属性：