font
1 .以下属性的简写:但是规则一大堆,还是分开写吧
2 .font-style:选择font-family字体下的italic或oblique样式
1 .ltalic:书写字体,相比无样式字体,会占用更小的高度.斜体
2 .oblique:常规字体的倾斜版本,倾斜体
3 .注意不是所有的字体都有确切的oblique和italic字形.此外,浏览器也会通过使用现有的字形来模拟缺少的字形
4 .兼容性大大的不熬,只有火狐支持
3 .font-variant:字体变体.这种感觉是英文用的多一点
image.png
1 .small-caps:将所有小写字母都转换为大写字母.但是转换后的大写字母的字体小于文本中原始大写字母的字体大小.
2 .这种属性存在的意义我又不知道了
4 .font-weight:指定了字体的粗细程度,一些字体只提供了normal和bold两个值
//关键字
1 .normal
2 .bold
//关键字,相对于父元素
1 .lighter
2 .bolder
//数字值
1 .1
2 .100
3 .100.6
4 . ...
5 .1000
//全局的值
1 .inherit
2 .initial
3 .unset
5 .font-size:指定字体的大小.该属性的值被用于计算em和ex长度单位,定义该值可能改变其他元素的大小
//绝对值大小:关键字.相对于用户的默认字体大小.可以在body元素上定义关键字大小,然后在网页的任何地方都设置相对大小,从而轻易的缩放整个网页字体大小
1 .xx-small:最小
2 .x-small:次小
3 .small:小
4 .medium:中
5 .large
6 .x-large
7 .xx-large
//相对值大小
1 .larger
2 .smaller
//长度值
1 .12px:像素大小是固定的,不会根据平台,浏览器的变化而变化
2 .0.8em:1em等于16px.如果设置了body大小是20px,那么1em20px.em和百分比单位的作用差不多
//百分比
font-size:80%
//响应式字体大小
vw:视口宽度
1 .文本大小将遵循浏览器窗口的大小
//总结:最好使用默认字体的相对大小,避免使用除了em,ex的绝对大小单位.一定要使用的话,使用px,.这样不会随着分辨率大小变化,字体大小发生变化
6 .line-height
7 .font-family:给定一个先后有序的,由字体名或者字体族名组成的列表来为选定的元素设置字体
font-family: Georgia, serif;
1 .属性值用逗号隔开,浏览器会选择到列表上第一个改计算机安装的字体,或者通过@font-face指定的去直接下载字体
2 .至少要在font-family中添加一个通用的字体族名.因为是无法保证用户的电脑里面有这个字体的
3 .font-family提供的是一个优先级从高到低的可选字体列表,字体的选定不是在发现用户计算机上安装的第一个字体时停止.相反,对字体的选择时逐字进行的.也就是说即使某个字体可以显示,但该字符在当前的字体文件中没有合适的图形,那么会继续尝试列表中靠后的字体.
4 .也就是说,可能出现一些字的字体是A,另一些是B
font-kerning:是否使用字体中存储的字据信息
1 .kerning字距定义了字母的分布情况.对于良好的规定了字据的字体,字据特性使得字母分布更加统一,阅读体验更好.
2 .也就是除了letter-spacing,还有这个属性可以决定字距
3 .基本是英文里面才会用到
4 .auto:浏览器决定是否使用字体字据.一些浏览器会在小字体的情况下禁用字距.因为这会使得文本可读性下降
5 .normal:必须使用字体中的字距信息
6 .none:禁用字体中的字距信息
font-variant-numeric
font-variant-east-asign
font-variant-position
font-variant-caps
font-variant-alternates
font-variant-ligatures
font-synthesis:控制浏览器可以合成哪些缺失的字体
1 .大多数西方标准字体包括斜体字和粗体字体，但许多新颖字体却没有。用于中文、日文、韩文和其他文字的字体往往不包括这些变体，综合起来可能会妨碍文本的可读性。在这种情况下，关闭浏览器的默认字体合成可能是可取的
2 .也就是说要用none
3 .大部分中文一般也不会开斜体,但是粗体是需要的
4 .weight:这个关键词表示,如果需要可以合成粗体字形
5 .style:这个关键词表示,如果需要,可以合成斜体字型
6 .感觉css有时又很神奇,竟然实现一些js绝对不能做的事情
font-feature-settings:用于控制OpenType字体中的高级印刷功能
font-language-override
font-size-adjust
1 .当第一个字体不能用,浏览器使用第二个指定字体的时候,这可能会导致改变字体大小,为了防止这种情况,使用font-size-adjust属性
2 .定义字体大小应该取决于小写字母,而不是大写字母.在字体较小的时候,字体的可读性主要由小写字母的大小决定
font-size: 14px;
font-size-adjust: 0.5;
//这样定义之后,小写字母的大小应该是14*0.5
//这里的数字是首选字体的尺寸比.
font-streth:为字体定义一个正常或经过伸缩变形的字体外观.允许你使文字边得更宽或者更窄
1 .wider 使得文本更宽
2 .narrower 使得文本窄
3 .ultra-condensed 使文本窄得不能再窄
4 .extra-condensed 指定紧缩程度第二大的字体
5 .condensed 指定略微紧缩程度第二大的字体
6 .semi-condensed 指定略微紧缩的字体
7 .normal 指明字体既不紧缩也不加宽
8 .semi-expanded 指定略微加宽的字体
9 .expanded 指定加宽的字体
10 .extra-expanded 指定加宽程度第二大的字体
11 .ultra-expanded 指定加宽程度最大的字体
12 .inherit 指定该属性与元素父项的属性采用相同的计算值
文字间距
1 .text-indent:用域指定文本第一行的缩进
2 .letter-spacing:用域指定文本中字符之间的间距
3 .line-height:设置行与行之间的间距
4 .word-spacing:用域文本单词与单词之间的间距
5 .white-space:指定元素内部空白的处理方式 white-space:nowrap:空白不换行
网友评论