美文网首页
1、css基础补漏

1、css基础补漏

作者: flyjar | 来源:发表于2022-02-17 08:11 被阅读0次

    font-family

    font-family: "Times New Roman",Georgia,Serif;
    

    设置三个字体,如果第一个找不到的话,就使用第二个,第二个找不到使用第三个。三个都没有的话,就是用浏览器默认的字体。

    font-weight

      font-weight:  400
    

    默认是400,加粗是700。可选值100-900

    font-style 文字风格 倾斜

      font-style: italic
    

    normal 默认值。浏览器显示一个标准的字体样式。
    italic 浏览器会显示一个斜体的字体样式。
    oblique 浏览器会显示一个倾斜的字体样式。
    inherit 规定应该从父元素继承字体样式

    text-decoration 文本线

    /*关键值*/
    text-decoration: none;                     /*没有文本装饰*/
    text-decoration: underline red;            /*红色下划线*/
    text-decoration: underline wavy red;       /*红色波浪形下划线*/
    text-decoration: line-through   /*删除线*/
    
    /*全局值*/
    text-decoration: inherit;    /*规定应该从父元素继承 text-decoration 属性的值。*/
    text-decoration: unset;  /*取消设置*/
    

    text-indent 首行文本缩进

      p{
         text-indent:50px;
       }
      p{
         text-indent:2em; /*相当于首行缩进二个字*/
       }
    

    em 是一个相对单位,就是当前元素(font-size) 1 个文字的大小, 如果当前元素没有设置大小,则会按照父元素的 1 个文字大小。

    line-height 行间距

    line-height 属性用于设置行间的距离(行高)。可以控制文字行与行之间的距离
    

    语法:
    p {
    line-height: 26px;
    }
    行高的文本分为 上间距 文本高度 下间距 = 行间距

    text-align文本对齐方式

    • left 把文本排列到左边。默认值:由浏览器决定。
    • right 把文本排列到右边。
    • center 把文本排列到中间。
    • justify 实现两端对齐文本效果。
    • inherit 规定应该从父元素继承 text-align 属性的值。

    相关文章

      网友评论

          本文标题:1、css基础补漏

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