博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Css Font 详细研究
阅读量:6404 次
发布时间:2019-06-23

本文共 837 字,大约阅读时间需要 2 分钟。

hot3.png

在设计自己博客主页的时候想修改下字体,结果发现自己对字体(css font)的了解只是一知半解,属于翻书医生的水平,呵呵。就细细翻阅了下css手册,就总结了一下。

按简写顺序来总结吧。

font-style:可选值有normal(默认)、italic、oblique。中文翻译一个斜体一个倾斜。我看了下效果,这不坑爹么,一模一样啊。为什么要有两个效果一样的值呢!上网搜了一下,原来是这样啊:斜体是字体的一个属性,而倾斜是将字体倾斜。字体一般有粗体、斜体、下划线、删除线等属性规定了相应的表现样式,如果特殊字体没有斜体这个属性,你就算设置了font-style:italic也没有效果,这时候要想达到斜体效果就只能用oblique了。那为什么不直接都用oblique呢,我的猜想是oblique是将文字进行倾斜处理,相比直接调用字体的斜体样式性能要底。

font-variant:可选值normal、small-caps。就是将所有的小写字母尺寸缩小(缩小多少不知道)然后将小写形式改为大写形式,对本身是大写的字母无影响。对汉字无影响。

font-weight:normal、bold。这个不多说了,其他值都无效果。font-size和font-family就不多说了。没什么可说的

至于剩下的caption、icon、menu之类的我认为就是一些预定义的字体了

text-shadow:.1em .1em .3em red,-.1em -.1em .3em green;分别为水平偏移量,垂直偏移量和可选的模糊半径以及颜色值。可以指定多个阴影样式,不同样式以逗号隔开。

text-overflow:clip/ellipsis。一个是直接剪切掉一个是在末尾现实...

word-wrap:normal/break-word。一个是不在单词中间换行,一个是可以再单词中间换行。

转载于:https://my.oschina.net/zhaoxiaoben/blog/161457

你可能感兴趣的文章
HDU 5573 Binary Tree(找规律)
查看>>
Oracle密码过期,取消密码180天限制(转)
查看>>
问题记录4:命名冲突
查看>>
Python——2list和tuple类型
查看>>
棋盘问题
查看>>
Java异常的深入研究与分析
查看>>
SetWindowsHookEx 失败的一个隐晦的错误原因(思路为主,解决为辅)
查看>>
认识自己
查看>>
第二阶段冲刺7
查看>>
excel-删除
查看>>
Android开发环境的搭建
查看>>
RBAC权限管理系统数据模型
查看>>
CodeForces Round#313
查看>>
ps(1)
查看>>
SpringBoot报错:Caused by: org.yaml.snakeyaml.error.YAMLException: java.nio.charset.Malforme
查看>>
精通Springboot
查看>>
1574: [Usaco2009 Jan]地震损坏Damage
查看>>
mybatis3结果集映射的设置相关说明
查看>>
awk-sed
查看>>
java 下载Excel模板
查看>>