CSS格式设置中需要注意的地方
书山有路勤为径，学海无涯苦作舟 ，大家好 我是运气男孩
今天来说说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中设置多个可选字体，用逗号分隔，这样如果前面的字体用户电脑中没有，则可以使用后面的字体进行替换。下面是个例子：
<p sytle="font-family:serif,Cursive,Fantasy;">
5）计量单位。样式设置中可以设置字体尺寸，也就是font-size。我们在前面的文章中用的单位都是像素（px）。像素是屏幕分辨率的基本单位。一般来说，屏幕的横纵分辨率都是96像素每英寸。如果操作系统的字体设置为120%大字体的话则横纵分辨率为120像素。如果字体尺寸设置的单位是像素的话，在不同的屏幕分辨率下字体显示的效果不一样。因此CSS中提供了其他一些尺寸，比如英寸in，厘米cm，毫米mm，em尺寸，磅pt等。
这其中em尺寸比较常用，1em相当于当前的字体尺寸，2em相当于2倍当前字体尺寸。下面是em的效果图。
<!DOCTYPE html> <html> <head> <title></title> </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>
好的呢 ，你学废了吗？
- 点赞
- 收藏
- 关注作者
评论（0）