font-size: 12px; /* 像素单位 */ font-size: 1rem; /* 相对单位 */
其中,像素单位是指具体的数字,简单易懂,但是不利于响应式设计;相对单位是指根据页面根元素的计算,灵活自适应但是相对更抽象。
下面大家看一下如何设置像素大小的字体:
/*以像素为单位的字体*/ p { font-size: 20px; } /*以相对单位rem为字体*/ html { font-size: 16px; /*设置根元素字体*/ } p { font-size: 1.25rem; /* 20/16 = 1.25 */ }
这就是CSS设置文字像素的方法,通过设置字体的大小,可以很方便的控制文字的大小。