前端

2023-03-10 08:03| 来源: 网络整理| 查看: 265

设置字体颜色：使用color来设置文字的颜色设置文字的大小：浏览器中一般默认的文字大小都是16px，font-size设置的并不是文字本身的大小，在页面中，每个文字都是处在一个看不见的框中的，我们设置的font-size实际上是设置格的高度，并不是字体的大小，一般情况下文字都要比这个格要小一些，也有时会比格大，根据字体的不同，显示效果也不同通过font-family可以指定文字的字体当采用某种字体时，如果浏览器支持则使用该字体，如果字体不支持，则使用默认字体该样式可以同时指定多个字体，多个字体之间使用“,”分开当采用多个字体时，浏览器会优先使用前边的字体，如果前边没有，再尝试下一个 font-family: arial, 微软雅黑;

浏览器使用的字体默认就是计算机中的字体，如果计算机中有，则使用，如果没有就不用在开发中，如果字体太奇怪，用的人太少了，尽量不要使用，有可能用户的电脑没有，就不能达到想要的效果

分类：在网页中将字体分成5大类：

serif（衬线字体） sans-serif（非衬线字体） monospace （等宽字体） cursive （草书字体） fantasy （虚幻字体）可以将字体设置为这些大的分类，浏览器会自动选择指定的字体，并应用样式一般会将字体的大分类，指定为font-family中的最后一个字体

font-style可以用来设置文字的斜体可选值： normal 默认值，文字正常显示 italic 文字会以斜体显示 oblique 文字会以倾斜的效果显示大部分浏览器都不会对倾斜和斜体做区分，也就是说我们设置italic和oblique效果是一样的一般我们只会使用italic font-weight可以用来设置文本的加粗效果可选值： normal 默认值，文字正常显示 bold 文字加粗显示该样式也可以指定100-900之间的9个值但是由于用户的计算机往往没有这么多级别的字体，所以200有可能比100粗，但也有可能是一样的 font-variant可以用来设置小型大写字母可选值： normal 默认值，文字正常显示 small-caps 文本以小型大写字母显示小型大写字母：将所有的字母都以大写形式显示，但是小写字母的小型大写，要比大写字母小一些

在CSS中还为我们提供了一个样式叫font，使用该样式可以同时设置字体相关的所有样式可以将字体的样式值统一写在font样式中，不同的值之间使用空格隔开使用font设置字体样式时，斜体加粗小大字母，没有顺序要求，甚至可写可不写，如果不写则使用默认值但是要求文字的大小和字体必须写，而且字体必须是最后一个样式，大小必须是倒数第二个样式实际上使用简写属性也会有一个比较好的性能

【本文地址】

公司简介

联系我们