×

fontweight f

fontweight(css里的font-weight:500 以下的都没效果但是输600以上的都可以看见自己加粗了这是怎么回事)

admin admin 发表于2023-01-31 21:34:18 浏览64 评论0

抢沙发发表评论

本文目录

css里的font-weight:500 以下的都没效果但是输600以上的都可以看见自己加粗了这是怎么回事

css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了是设置错误造成的,解决方法为:

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建一行文字,用于测试。

3、在test.html文件内,给div标签添加一个class属性,属性值为title。

4、在test.html文件内,编写《style type=“text/css“》《/style》标签,页面的css样式将写在该标签内。

5、在css标签内,通过class设置div的样式,定义其font-weight属性为bolder,即可实现加粗,同时,使用font-size属性设置文字的大小为20px。

font-weight:bold和font-weight:700有什么区别吗

表现结果,几乎没有区别!

font-weight属性值:
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 继承值

  1. 字体一般都有它本身的粗细等级,网页中一般分为9级,每隔100为一个等级,7级,也就是700,是最接近bold的。一般字体,600-900,效果相差不大;

  2. 每个字体的等级都有所区别,一般字体都会有6个等级。400相当与 正常字体normal,而值 700相当于粗体 bold;

  3. 具体请参考:

    在css样式中如:(font-weight:bold;)bold后面加分号和不加分号有什么区别

    如果是最后一个属性就可以不用加分号,如果不是就要加,不过为了标准,建议加上去。
    例子:
    #id{font-weight:bold; line-height:20px;} //这样就必须加
    #id{line-height:20px; font-weight:bold} //这样可以不用
    #id{font-weight:bold} 这样也可以不用

    CSS中设定字体如何设定为微软雅黑 Bold字体

    1、首先要了解css中是如何控制字体的。
    font:在一个声明中设置所有字体属性;
    font有以下几个属性:
    font-style:字体样式
    font-variant:字体异体
    font-weight:字体粗细
    font-size/line-height:字体大小/行高
    font-family:字体系列(比如宋体、黑体等)
    2、知道这些之后,那“设定字体为微软雅黑 Bold字体“就可以这么写:
    font-family:“微软雅黑“;font-weight:bold;
    但是需要注意一点,通常我们使用中文字体的时候,都会使用的英文名称,而不是直接使用中文;而且,也会使用简写的形式;如下:
    font:bold 12px/1.5em “Microsoft YaHei“;

    CSS中b,strong { font-weight:bold}是废话吗

    不能说是废话,这样写其实是有道理的。你可以理解成这句是:多余的或不必要的。
    写这个的人很小心为了保险,实际上有些比较小众的浏览器的 b 和 strong 默认情况下并不是粗体,但用这些怪物级浏览器的人很少很少,完全可以忽略不计,所以你在乎那零点几K代码量的话把完全不用写它。

    font-weight:bold和font-weight:700有什么区别

    font-weight:bold就相当于700,没有区别。若非说区别,据说在IE早期(5之前)浏览器中是有区别的。我没有试过,不知真假。

    关于CSS3中font-weight的作用!

    定义和用法:
    font-weight 属性设置文本的粗细。
    说明:
    该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。
    可能的值:
    normal:默认值。定义标准的字符。
    bold:定义粗体字符。
    bolder:定义更粗的字符。
    lighter:定义更细的字符。
    100-900:定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。
    inherit:规定应该从父元素继承字体的粗细。
    注:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit“。

    font-size float font-weight各是什么意思

    font-size 字体大小,通常以px为单位;
    float 浮动;
    font-weight 字体粗细,默认400 ,然后200为细体,600为粗体。

    font-weight的示例

    示例1演示了font-weight属性所描述的关键字所对应的一般效果,这里选择Windows常用的Times New Roman字体作为演示效果,如图1所示。
    示例1
    《html》
    《head》
    《title》CSS Demo《/title》
    《style》
    body,table,tr,td { font-family: Times New Roman, Times;
    font-size: 18pt; }
    table { border-collapse: collapse; }
    《/style》
    《/head》
    《body》
    《table border=1 cellpadding=5》
    《tr》《th》关键字《/th》《th》效果《/th》《/tr》
    《tr style=font-weight: normal;》《td》normal《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: bold;》《td》bold《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: bolder;》《td》bolder《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: lighter;》《td》lighter《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: 100;》《td》100《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: 200;》《td》200《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: 300;》《td》300《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: 400;》《td》400《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: 500;》《td》500《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: 600;》《td》600《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: 700;》《td》700《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: 800;》《td》800《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《tr style=font-weight: 900;》《td》900《/td》《td》The quick brown fox jumps over a lazy dog.《/td》《/tr》
    《/table》
    《/body》
    《/html》