学习HTML（十四）——CSS中的一些注意事项

最新推荐文章于 2024-07-29 09:00:00 发布

gc_2299

最新推荐文章于 2024-07-29 09:00:00 发布

阅读量484

点赞数

分类专栏：网页编程

本文链接：https://blog.csdn.net/gc_2299/article/details/78514280

版权

网页编程专栏收录该内容

150 篇文章 12 订阅

订阅专栏

CSS格式设置中有一些需要注意的地方，需要补注意的话很可能写出来的CSS文件不会被应用到网页中。

1）每个标签的属性设置必须是被一对花括号包含。像下面的样子：

标签

{

属性名称：属性值;

}

2）花括号中每个属性值赋值后必须用分号隔开。分号就相当于C#和C中的分号，指示一行语句的结束，加上分号就是和网页的解释器说明这个属性的赋值已经结束了，下面开始一个新的属性的赋值。正确的格式是下面的样子：

标签

{

属性名称1：属性值;

属性名称2：属性值;

属性名称3：属性值;

}

3）关于颜色值。我们在前面的文章中，在设置style时，不论是color属性还是background-color属性，赋值时都是指定的颜色名称。这种方式在网页编程中比较不通用。比较常用的做法是赋16进制值，类似于#RRGGBB这种样式，每一位的取值都是从1到F，每两位对应一类颜色值。具体的颜色值可以在网上搜到。这里给一个网址： http://fillster.com/colorcodes/colorpalette.html#，可以在这个网站上获取颜色的数字值。

4）关于字体。我们在style中的font-family中设置字体。有时候我们设置的字体可能用户电脑中没有，这时候我们可以在font-family中设置多个可选字体，用逗号分隔，这样如果前面的字体用户电脑中没有，则可以使用后面的字体进行替换。下面是个例子：

5）计量单位。样式设置中可以设置字体尺寸，也就是font-size。我们在前面的文章中用的单位都是像素（px）。像素是屏幕分辨率的基本单位。一般来说，屏幕的横纵分辨率都是96像素每英寸。如果操作系统的字体设置为120%大字体的话则横纵分辨率为120像素。如果字体尺寸设置的单位是像素的话，在不同的屏幕分辨率下字体显示的效果不一样。因此CSS中提供了其他一些尺寸，比如英寸in，厘米cm，毫米mm，em尺寸，磅pt等。

这其中em尺寸比较常用，1em相当于当前的字体尺寸，2em相当于2倍当前字体尺寸。下面是em的效果图。

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p style="font-size:0.5em">hello world!</pm>

<p style="font-size:1em">hello world!</pm>

<p style="font-size:2em">hello world!</pm>

</body>

</html>