css文字背景-使用 CSS 控制文本的背景大小

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

字体在网站中应用广泛，风格很多，艺术家需要从这方面入手，下面就来详细介绍一下他有哪些属性

字体

CSS 控制字体属性，例如字体系列、字体样式、字体变体、字体粗细、字体大小

1.字体家族：

它由两部分组成：姓氏和属族。首先，我们来看一个例子，看看 Jorux.com 首页上的CSS文件，可以看到这样的代码：

正文 {

字体：正常 12px/1.5 格鲁吉亚，无衬线;

文本对齐：左;

背景：#444 网址（图片/正文.jpg） 重复-y;

蓝色突出显示是 font 属性的值，该值是缩写的，可以简化为：

字体粗细：正常;

字体大小：12px;

行高：1.5;

字体系列：格鲁吉亚，无衬线;

行高实际上不是字体属性，但可以缩短为 font 属性。现在让我们看一下字体系列部分的最后一行。“Georgia”是字体名称（simhei，arial，verdana等）css文字背景，“sans-serif”是单词组的名称（包括衬线字体（Serif），Sans-Serif字体（Sans-Serif）和等宽字体）。

由于Windows附带的中文字符字体数量非常有限。但通常英文Windows系统支持粗体（默认为SimSun）和Song（SimHei）和斜体（kaiti_gb2312）。我们来看看这些汉字字体（注意这些字体的名称，斜体的中文字体名称是kaiti_gb2312，Firefox 对汉字字体的支持很差）：

阿林斜体 歌曲默认中文

可能看西方字体名称更盲目，但就像学习英语时遇到的英文名字一样，一些常用字体名称的表现和拼写必须掌握，对于英语学习者来说，目前只建议掌握以下中文字体：

ArialVerdanaGeorgiaCourier

这

这些字体的常见用法如下： Arial：是目前最流行的正文字体，几乎所有的Web 2.0网站（如Google，Flickr，Wikipedia等）都使用arial字体作为正文甚至标题的字体。其特点是亲和力强，阅读时不易疲劳;Verdana：是谷歌在1996年要求顶级字体设计师生产三年的字体，Windows用户可以免费使用。与 arial 用法类似，它是使用最广泛的字体css文字背景，几乎可以在任何地方看到;格鲁吉亚：这位冉冉升起的新星，由于其花哨的衬线（后来的注释），受到许多网页设计师的追捧，逐渐取代了Times New Roman在衬线词组中的中心位置。本网站的标题也使用格鲁吉亚字体。Courier：属于等宽字体组，由于其字母长度统一，一般用于短语粗细严格控制的地方，如网页导航栏和报纸（印刷品）。

CSS文本双行显示方法主要是通过控制文本列宽、控制文本长度、控制文本换行来实现的。

控制文本列宽

在 CSS 中，您可以通过设置行高来控制文本列宽

属性，则可以将行高设置为特定值css 两行，也可以将行高设置为倍数css 两行，例如行高：2，这意味着文本列宽是字体大小的两倍。

控制文本长度

在CSS中，可以通过设置width属性来控制文本长度，可以设置宽度

到特定值，也可以将宽度设置为比率，例如 width：50%，这意味着文本长度为容器长度的 50%。

控制文本中断

在CSS中，可以通过设置分词属性来控制文本换行，也可以将分词设置为正常，这意味着文本会根据英语短语的边界换行;您还可以将分词设置为全部断行，这意味着文本将根据任何位置换行。

综合示例

.text {
    line-height: 2;
    width: 50%;
    word-break: break-all;
}

在上面的代码中，通过设置行高、宽度和分词符属性，将文本列宽设置为字体大小的 2 倍，将文本间距设置为容器长度的 50%，将文本换行符设置为任意位置来换行，从而达到显示两行文本的效果。