问答一下,轻松解决,电脑应用解决专家!
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win10/Win11
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascriptLinux系统
PHP教程CSS教程XML教程

css控制文字大小及颜色、字体

更新时间:2021-06-02 11:22 作者:佚名点击:

字体:font-style:italic;斜体

        font-weight:bold;加粗

        font-size:30px;大小

        line-height:30px;行高

        font-family:“SimHei”;字体

以上必须按顺序来,有些可以不写;

分开写和一行控制:

注: font-size与 line-height之间的像素要用斜线区分开;

 

<style>
#test1{
color:red;
font-style:italic;

font-weight:bold;

font-size:30px;

line-height:30px;

font-family:"SimHei";

}
#test2{
font:italic bold 30px/30px "SimHei";

}
</style>
</head>
<body>
<p id="test1">人生总有许多偶然和巧合,两条平行线,也可能会有交汇的一天。
人生又有许多意外和错过,握在手里的风筝,也会突然断了线……。 </p>
<p id="test2">生命中,不断地有人离开或进入。于是,看见的,看不见的;记住的,遗忘了。 生命中,不断地有得到和失落。于是,看不见的,看见了;遗忘的,记住了。 然而,看不见的,是不是就等于不存在?记住的,是不是永远不会消失?</p>
</body>

    

设置字体时首先设置需要的,如果该机器没有这种字体,会选择后面的,比如先是NewTime,没有的话就是新宋体,再没有就是宋体,如果还是没有则告诉它自己选择;优先选择,字体大类放在最后面。

<style>
#test1{
 color:red;
font-family:'微软不雅黑','微软雅黑','黑体',sans-serif;
}
#test2{
 color:green;
 font-family:'NewTime','新宋体','宋体',sans-serif;
}
</style>
</head>
<body>
<p id="test1">人生总有许多偶然和巧合,两条平行线,也可能会有交汇的一天。
人生又有许多意外和错过,握在手里的风筝,也会突然断了线……。 </p>
<p id="test2">生命中,不断地有人离开或进入。于是,看见的,看不见的;记住的,遗忘了。 生命中,不断地有得到和失落。于是,看不见的,看见了;遗忘的,记住了。 然而,看不见的,是不是就等于不存在?记住的,是不是永远不会消失?</p>
</body>

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容