美文网首页
字体样式和行间距

字体样式和行间距

作者: 骚X | 来源:发表于2018-11-20 19:18 被阅读0次

字体样式

.p1{
    color:red;
    font-size:30px;
    }
如果设置字体像素为30,那就是30px,如果没有设置就是默认16px.
.p1{
  color:red;
  font-size:30px;
  font-family:arial;
    }
英文字体是不包含中文字体的,浏览器就会默认一个字体
.p1{
  color:red;
  font-size:30px;
  font-family:华文彩云,arial,微软雅黑;
    }
设置多个样式要用逗号隔开
先用华文彩云字体,如果没用到,就用arial,如果没用到,就用微软雅黑,如果还没用到,浏览器会默认字体
.p1{
    color:red;
    font-size:30px;
    font-family:"Segoe Script";
}
因为字体名称中间有空格,必须要用引号引起来

字体其他样式

style

.p1{ color:red; 
    font-size:30px; 
    font-family:微软雅黑;
    font-style:italic;
     } 
italic 斜体的字体样式
oblique 跟italic字体样式差不多,只不过这个是倾斜的字体样式
默认normal浏览器的一个标准样式
inherit 规定从父元素继承字体样式

weight

.p1{
    color:red;
    font-size:30px;
    font-family:微软雅黑;
    font-style:italic;
    font-weight:bold;
    /*font-weight:400;*/
    }
bold 定义粗体字符
bolder 定义更粗的字符
lighter 定义更细的字符
默认normal浏览器标准的字符
也可以用数值定义 (100-900)

相关文章

网友评论

      本文标题:字体样式和行间距

      本文链接:https://www.haomeiwen.com/subject/mioxqqtx.html