我的前端学习笔记

CSS字体篇

2020-05-10  本文已影响0人  Juha

文字大小

font-size : <length> | <percentage>|<absolute-size> | <relative-size>
后面这俩不常用,绝对和相对

em指相对长度单位


em和百分比参照物是父元素

font-family字体

font-family字体

font-weight字体粗细

[图片上传中...(image.png-16c181-1578924391286-0)]

font-style字体样式

字体样式normal/italic

line-height行间距

行间距

300%是先继承后计算,
3直接计算不继承


300%和3的区别
font属性不一定要把所有熟悉都要写出来
font属性缩写

color属性

单词
十六进制
二进制
二进制+alpha通道
transparent 全透明


color

水平对齐方式

左、右、中、两端

垂直对齐vertical-align

垂直对齐

首行缩进text-indent

首行缩进

换行保留

white-space

换行保留

word-wrap
长单词是否自动换行

长单词自动换行

word-break
单词中任意两字符是否换行


word-break

文本修饰

阴影

text-shadow
2-3个length
第一个length值是x轴偏移方向,第二个length值是y轴偏移方向,第三个是偏离半径


阴影

text-decoration


text-decoration
一行文字如果太长希望出现省略号

text-overflow


text-overflow
cursor鼠标的形状

鼠标移上去时的形状


鼠标移上去时的形状
强制继承

inherit不管父级的属性是什么,直接继承


inherit强制继承
上一篇下一篇

猜你喜欢

热点阅读