CSS背景、文字、字符间距

最新推荐文章于 2024-09-23 11:28:46 发布

我是祖国的小花朵讷

最新推荐文章于 2024-09-23 11:28:46 发布

阅读量643

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： CSS

本文链接：https://blog.csdn.net/Carina_nana/article/details/100109058

CSS 专栏收录该内容

2 篇文章

订阅专栏

本文主要介绍了CSS中的背景设置，包括background-repeat属性、固定背景以及节省代码的写法。接着讨论了字体和文字部分，如font-family、font-size、font-weight以及字符间距word-spacing的调整。此外，还提到了direction属性、文本对齐方式、首行缩进以及text-transform和vertical-align等概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：

background-repeat：

值	描述
repeat	默认。背景图像将在垂直方向和水平方向重复。
repeat-x	背景图像将在水平方向重复。
repeat-y	背景图像将在垂直方向重复。
no-repeat	背景图像将仅显示一次。
inherit	规定应该从父元素继承 background-repeat 属性的设置。

背景不变可以滚动：

值	属性
background-attachment	fixed

节省代码量的写法：
eg：background: #ff0000 url(/https/blog.csdn.net/i/eg_bg_03.gif) no-repeat fixed center;

字体-文字：

font-family：“宋体”；
font-size:默认为**16px = 1em**

font-weight:（100-900）

值	属性
normal	普通
lighter	细
bold	粗体
italic	斜体

**字符间距：**word-spacing

direction属性:

值	属性
ltr	默认。文本方向从左到右。
rtl	文本方向从右到左。
inherit	规定应该从父元素继承 direction 属性的值。

文本对齐的方式：

值	属性
left	把文本排列到左边。默认值：由浏览器决定。
right	把文本排列到右边。
center	把文本排列到中间。
justify	实现两端对齐文本效果。
inherit	规定应该从父元素继承 text-align 属性的值。

**首行缩进：**缩进60像素
eg: text-indeed:60px;

大小写字母：
text-transform:

值	属性
none	默认。定义带有小写字母和大写字母的标准的文本。
capitalize	第一个字母大写
uppercase	全大写。
lowercase	全小写
inherit	规定应该从父元素继承 text-transform 属性的值。

垂直对齐：
vertical-align： （这里就讲几个常见的）

值	属性
top	把元素的顶端与行中最高元素的顶端对齐
middle	把此元素放置在父元素的中部。
bottom	把元素的顶端与行中最低的元素的顶端对齐。