zoukankan      html  css  js  c++  java
  • css控制文字大小及颜色、字体

    字体: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>

      

  • 相关阅读:
    看完让你彻底搞懂Websocket原理
    将map中的value赋值给list,list改变为什么会引起map也变呢?
    eclipse创建maven 3.1版本maven项目
    eclipse 集成mybatis-generator 生成mybatis 文件
    IDEA错误:Cannot start compilation: the output path is not specified for module "XXX".
    IDEA内存优化(秒开的快感!!)
    实体类反向生成数据库表SQL
    基于idea新建maven项目并发布tomcat
    Netty概念之 Future 和 Promise
    Java检测死锁之ThreadMXBean
  • 原文地址:https://www.cnblogs.com/wangruifang/p/5682781.html
Copyright © 2011-2022 走看看