1、css基础补漏

2022-02-17  本文已影响0人  flyjar

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文本对齐方式

上一篇下一篇

猜你喜欢

热点阅读