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