css中设置字体大小的属性

html-css08

css中设置字体大小的属性,第1张

css中一般是用font-size来设置字体大小。

示例:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>css字号设置</title>

<style>

div{font-size:16px}

p{font-size:18px}

h2{font-size:20px}

</style>

</head>

<body>

<div>16号字体<div>

<p>18号字体</p>

<h2>20号字体(h2自带字体属性)</h2>

</body>

</html>

字体百分比放大缩小是可以的,不同单位不同设置情况

1. “Ems”(em):“em”是一个可伸缩的单位, 用于web文档媒体展示。一个em等于当前的字体大小,例如,如果文档的字体大小是12 pt,1 em等于12 pt。Ems在本质上是可伸缩的,所以2 em相当于24 pt,.5 em相当于6 pt等。ems由于其可伸缩性和适应移动设备的特性在web文档中正变得越来越受欢迎。

2. 像素(px):像素是固定大小的单元,用于屏幕媒体(即在电脑屏幕上读取)。一个像素等于电脑屏幕上的一个点 (是你屏幕分辨率的最小分割)。许多网页设计师在web文档使用像素单位以生产浏览器渲染的像素完美呈现的网站。像素单元的一个问题是,它没有为视障读者的扩展,以适应移动设备。

3. 点(pt):点通常用于印刷媒体(任何打印在纸上的媒体,等等)。一个点等于一英寸的1/72。点更像像素,他们是固定大小的单位,不能伸缩。

4. 百分比(%):百分比单位更像“em”单位,除了一些根本性的差异。首先,当前的字体大小等于100%(比如12 pt = 100%)。当使用百分比单位,你的文字在移动设备上仍然保持完全的可伸缩性和可访问性。

建议使用最常用的像素单位,使用响应式媒体查询编写不同情况下的字体大小。

CSS设置字体的大小,我们首先想到的就应该是:font-size

1.设置表格整体字体大小可以使用(具体字体大小,可以自己选择):table{font-size:12px}

2.设置某个单元格的大小,把所需要设置大小的那个单元格设置一个类名,如:<td class="t_fontSize"></td> 这样设置就可以使用.t_fontSize{font-size:13px}

注意:有可能你按照上面设置了单元格的字体大小了,但是没有在界面上显示出来(是因为有的样式,覆盖了你刚刚设置的样式。),这是你需要加上"!important",如:.t_fontSize{font-size:13px!important} 这样设置就可以显示出来了。

放屁,自己写的也变成抄袭了,去你妈的百度!!!