本文摘自PHP中文网,作者青灯夜游,侵删。
教程推荐:css视频教程
CSS字体属性定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)font-family控制字体,由于各个电脑系统安装的字体不尽相同,但是基本装有黑体、宋体与微软雅黑这三款字体。
font-size
控制字体大小,我们设置字体大小是设置它的宽度,它的高度一般电脑系统默认字体大小是16px,所以字体大小尽量不要低于16px,1em=16px;
font-weight: bold;
/*控制字重 一般是100-900 常用lighter(细体) normal(正常)bold加粗 */
至于这个font-style
,一般默认是normal,也就是正常的,如果说你设置 font-style: italic;斜体话,其实和这个<em></em>的效果是差不多的;文字间的间距用的line-height如果和高度相等话,就是垂直居中了。
通常font字体的简写:font:style weight size/line-heigt font-family /*要求必须出现的2个是 size与font-family*/
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
|
关于样式继承问题/*与文字有关样式会被继承下去*/代码展示如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
|
更多编程相关知识,请访问:编程教学!!
以上就是css font控制字体的多种变换的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者