font-size没有作用
时间: 2023-06-22 11:20:46 浏览: 55
如果你在设置CSS样式时,发现font-size没有作用,可能是因为你没有指定使用哪种单位。CSS中,font-size可以使用不同的单位,如px、em、rem等。如果不指定单位,默认使用的是px。
例如,以下代码中设置了p元素的字体大小为16像素:
```html
<!DOCTYPE html>
<html>
<head>
<style>
p {
font-size: 16;
}
</style>
</head>
<body>
<p>Hello, world!</p>
</body>
</html>
```
由于没有指定单位,该代码实际上并没有设置p元素的字体大小。你可以改为以下代码来指定使用像素单位px:
```html
<!DOCTYPE html>
<html>
<head>
<style>
p {
font-size: 16px;
}
</style>
</head>
<body>
<p>Hello, world!</p>
</body>
</html>
```
这样就可以正确地设置p元素的字体大小为16像素了。
相关问题
font-size 正则表达式
在JavaScript中,可以使用正则表达式来匹配和操作字符串中的字符组合。下面是一个关于"font-size"的正则表达式的例子:
```javascript
var str = "font-size: 16px";
var regex = /font-size:\s*(\d+)px/;
var result = regex.exec(str);
console.log(result[1]); // 输出:16
```
上述代码中,我们使用了正则表达式`/font-size:\s*(\d+)px/`来匹配字符串中的"font-size"后面跟着一个冒号和空格,然后是一个或多个数字,最后是"px"。通过使用`exec()`方法,我们可以在字符串中找到匹配的部分,并将结果存储在一个数组中。在这个例子中,我们可以通过`result`来获取匹配到的数字部分,即"16"。
font-size用法
font-size是用来设置字体大小的CSS属性,它可以接受多种单位,包括像素(px)、点(pt)、百分比(%)、em、rem等。
例如,设置字体大小为16像素:
```
font-size: 16px;
```
设置字体大小为1.2倍父元素字体大小:
```
font-size: 1.2em;
```
设置字体大小为50%(即一半):
```
font-size: 50%;
```
在响应式设计中,可以使用媒体查询来设置不同屏幕尺寸下的字体大小:
```
@media screen and (max-width: 768px) {
body {
font-size: 14px;
}
}
@media screen and (min-width: 768px) {
body {
font-size: 16px;
}
}
```
这样,在宽度小于768像素的屏幕上,字体大小为14像素,在宽度大于等于768像素的屏幕上,字体大小为16像素。