css字体倾斜_Web前端开发技术，CSS字体属性介绍，提升前
端⼩⽩能⼒
字体
1、使⽤CSS属性指定和改变字体外观，常见的属性有：
font-style: italic; 定义字体的风格
font-weight: bold; 定义字体粗细
font-size: 20px; 定义字体⼤⼩
line-height: 30px; 定义⼀段⽂字的⾏⾼
还可以使⽤简写形式，把所有属性值放到font属性中，如：
p { font: italic bold 20px/30px 微软⿊体;}
2、Font-family 属性可以设置⽂字字体样式，⽐如常⽤的中⽂字体有：微软雅⿊，⿊体，宋体等；常⽤的英⽂字体有：
Verdana，arial，Times New Roman等。Font-family 后⾯可以定义⼀个字体，也可以定义⼀个字体列表。为什么需要使⽤字体列表呢？因为我们⽆法控制⽤户计算机上安装什么字体，不仅如此，往往操作系统也不⼀样，⽐如在苹果的Mac电脑上有的字体，在微软的Windows上就不⼀定有，所以最好为
字体指定⼀个可选的字体列表。字体列表实际上就是⼀个字体有限列表，如下，第⼀个微软雅⿊是我希望使⽤的，浏览器会尽⼒加载这个字体，如果⽤户电脑上没有这个字体就使⽤第⼆个备⽤字体，依次类推，字体列表最后⾯应该制定⼀个通⽤字体系列。
p{ font-family: 微软雅⿊, ⿊体, Arial, Helvetica, sans-serif;}
3、什么是通⽤字体系列？在CSS中定义了5个通⽤字体系列：
· Sans-serif字体系列：⽆衬线字体，笔画粗细⼀致，在计算机屏幕上更容易阅读
· Serif字体系列：有衬线字体，笔画末端有装饰性的线条或凸起，报纸正⽂中使⽤的字体
· Monospace字体系列：等宽字体，每个字母宽度⼀致，⽤于显⽰软件代码⽰例
· Cursive字体系列：⼿写体
· Fantasy字体系列：装饰性字体，设计感较强
所以，候选字体列表中的字体通常来⾃于同⼀个字体系列，这样当浏览器不到优先定义的字体使⽤备⽤字体时，页⾯展⽰的效果不会有太⼤的变化。如果前⾯指定的特定字体都没有到，浏览器就从sans-serif字体系列中⼀个默认的字体。
fontweight属性bold4、font-size 调整字体⼤⼩的⽅法有三种：
1)使⽤像素px，如：
字体⼤⼩
注意：20和单位px之间不能有空格，⽂字的⼤⼩就是⽂字的最低部分和最⾼部分之间时20像素
2)使⽤%定义字体⼤⼩就是相对于⽗元素的字体⼤⼩，如：p标签时body的⼦标签，body定义的字体⼤⼩是20px，所以⼦标签p的字体⼤⼩是⽗标签的150%即30px。
字体⼤⼩
3)使⽤em调整字体⼤⼩，类似于百分数，也是⼀个相对的度量单位，使⽤em的时候要指定⼀个⽐例因⼦，p标签是⽗标签字体⼤⼩的1.2倍即24px。
字体⼤⼩
5、font-weight 属性可以改变字体的粗细，bold为粗体，normal为去掉粗体的样式。
字体粗细
字体的粗细还有lighter为稍细，bolder稍粗，或者使⽤数字100、200-900，但是这些都没有得到字体和浏览器的⼴泛⽀持，通常并不适⽤，了解即可。
6、font-style为字体增加风格
字体风格
有三个可能的值：normal(正常)，italic(斜体字符)，oblique(倾斜⽂本)；其中italic是专门为正常字体设计的斜体字符，oblique没有专门的斜体字符，由浏览器负责把正常的字体倾斜显⽰，因为不是所有的字体定义了斜体字符，所以使⽤italic定义字体风格时，浏览器不到这个字体的斜体字符，就通过oblique把正常的字体倾斜显⽰，有时候看着是⼀样的，有时候则不同，除⾮⾮要区分斜体和倾斜⽂本，不然可以选择⼀种使⽤。
7、line-height 调整⾏⾼，定义⼀个盒⼦内每⼀⾏⽂字之间的距离。
字体⾏⾼
每天进步⼀点点，跟着教头学开发。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论