HTML+CSS的基础-字体样式

.p1{
    /*设置字体颜色，使用color来设置文字的颜色*/
    color:red;
    /*设置文字的大小，浏览器中一般默认的文字的大小都是16px
           font-size设置的并不是文字本身的大小
           在页面中，每个文字都是处在一个看不见的框中的
           我们设置的font-size实际上是设置格的高度，并不是字体的大小
           一般情况下文字都要比这个格要小一些，也有时会比格大，
          根据字体的不同，显示效果也不同   */
    font-size: 30px;
    /*
       通过font-family可以指定文字的字体
         当采用某种字体时，如果浏览器支持则使用该字体
         如果字体不支持，则使用默认字体
         该样式可以同时指定多个字体，多个字体之间使用逗号，分开
         当采用多个字体时，浏览器会优先使用前边的字体，如果前边没有在尝试下一个

          浏览器使用的字体默认就是计算机中的字体
          如果计算机中有，则使用，如果没有就不用

           在开发中，如果字体太奇怪，用的太少了，尽量不要使用
           有可能用户的电脑没有，就不能达到想要的效果
    */
    /*
        font-family：
            self(衬线字体）
            sans-self（非衬线字体）
            。。。。。。
    */
    font-family:"微软雅黑";
    /*
        font-style可以用来设置文字的斜体
        可选值
           normal，默认值，文字正常显示
           italic,文字会以斜体显示
           oblique,文字会以倾斜的效果显示
           大部分浏览器都不会对倾斜和斜体作区分
           inherit,规定应该从父元素继承字体样式。

    */
    font-style: italic;
    /*
         font-weight可以用来设置文本的加粗效果，
         可选值：
               normal,默认值文字正常显示
               bold,文字加粗显示
         这样的样式也可以指定关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，
         那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。
         数字 400 等价于 normal，而 700 等价于 bold。
               但是由于用户的计算机往往没有这么多级别的字体，所以达不到我们想要的效果所以基本上没什么用
    */
    font-weight:bold;
    /*
       font-variant可以用来设置小型大写字母
       可选值：
             normal,默认值，文字正常显示
             small-caps,文本以小型大写字母显示
                小型大写字母：
                    将所有的字母都以大写形式显示，但是小写字母的大写，要比大写字母的大小小一些、
    */
    font-variant:small-caps;
    .p3{
    /*
       在css中还为我们提供了一个样式叫font。
       使用这样式可以同时设置字体相关的所有样式,
       可以将字体的样式的值，统一写在font样式中，不同的值之间使用空格隔开
       
       使用font设置字体样式时，斜体 加粗 大小写字母 没有顺序要求 甚至可写可不写
       如果不写，则使用默认值,但是要求文字的大写和字体必须写，而且字体必须是最后一个样式
       大小必须是倒数第二个样式
      
      实际上使用简写属性也会有一个比较好的性能s
    */
    font: italic  small-caps bold 60px "微软雅黑";
}

}