这是文章的第一段。
+这是文章的第二段。
+李佳豪暗恋杨成豪
+ +这是文章的第一段。
+这是文章的第二段。
++ 这是一个引用文本。 + 它应该看起来像是从某本书中摘录的。 ++
这段文本将闪烁。
+ + \ No newline at end of file diff --git "a/\351\231\210\346\201\255\347\204\225/\347\254\224\350\256\260/9.26.md" "b/\351\231\210\346\201\255\347\204\225/\347\254\224\350\256\260/9.26.md" new file mode 100644 index 0000000000000000000000000000000000000000..2a9ab1bd5e34d8e5607fd285d43c173d3b6be0b8 --- /dev/null +++ "b/\351\231\210\346\201\255\347\204\225/\347\254\224\350\256\260/9.26.md" @@ -0,0 +1,184 @@ +## css的单位 +html中的单位只有一种，那就是像素px，所以单位是可以省略的，但css中不一样 +### 绝对单位 +1 `in`=2.54`cm`=35.4`mm`=72`pt`=6`pc` + +### 相对单位 +`px`:像素`em`:印刷单位相当于12个点 `%`:百分比，相对周围文字的大小 + +以下是一些常见的CSS3文本属性及可能的值： ++ color 设置文本颜色 ++ font-family 设置字体族 ++ font-size 设置字体大小 ++ font-weight 设置字体粗细 ++ font-style 设置字体风格 ++ text-decoration 设置文本装饰线 ++ text-align 设置文本对齐方式 ++ text-transform 设置文本大小写 ++ text-indent 设置首行文本的缩进 ++ text-height 设置行高 ++ letter-spacing 设置字符间距 ++ Word-spacing 设置单词间距 ++ text-shadow 设置文本阴影 ++ whit-space 设置空白字符的处理方式 ++ text-overflow 设置当文本溢出时如何处理 + +当然可以，以下是使用Markdown语法格式化的CSS字体属性和文本属性笔记： + +```markdown +# CSS 字体属性 + +## 字体族（font-family） +- 定义字体的类型。 +- 可以设置多个字体，用逗号分隔，浏览器会使用列表中第一个可用的字体。 +- 示例： + ```css + body { + font-family: Arial, sans-serif; + } + ``` + +## 字体风格（font-style） +- 控制字体的斜体。 +- 可选值：`normal`, `italic`, `oblique`。 +- 示例： + ```css + em { + font-style: italic; + } + ``` + +## 字体粗细（font-weight） +- 控制字体的粗细。 +- 可选值：`normal`, `bold`, `bolder`, `lighter`, 数值（100-900）。 +- 示例： + ```css + h1 { + font-weight: bold; + } + ``` + +## 字体大小（font-size） +- 设置字体的大小。 +- 可以使用像素（px）、百分比（%）、em等单位。 +- 示例： + ```css + p { + font-size: 16px; + } + ``` + +## 行高（line-height） +- 设置行与行之间的距离。 +- 可以使用像素（px）、百分比（%）、em等单位。 +- 示例： + ```css + p { + line-height: 1.5; + } + ``` + +## 字体变体（font-variant） +- 控制小型大写字母的显示。 +- 可选值：`normal`, `small-caps`。 +- 示例： + ```css + small { + font-variant: small-caps; + } + ``` + +## 字体拉伸（font-stretch） +- 控制字体的拉伸程度。 +- 可选值：`normal`, `wider`, `narrower`, `ultra-condensed`, `extra-condensed`, `condensed`, `semi-condensed`, `semi-expanded`, `expanded`, `extra-expanded`, `ultra-expanded`。 +- 示例： + ```css + h1 { + font-stretch: condensed; + } + ``` + +# CSS 文本属性 + +## 文本对齐（text-align） +- 控制文本的水平对齐方式。 +- 可选值：`left`, `right`, `center`, `justify`。 +- 示例： + ```css + p { + text-align: justify; + } + ``` + +## 文本转换（text-transform） +- 控制文本的大小写。 +- 可选值：`none`, `capitalize`, `uppercase`, `lowercase`。 +- 示例： + ```css + h1 { + text-transform: uppercase; + } + ``` + +## 文本装饰（text-decoration） +- 控制文本的下划线、上划线等装饰。 +- 可选值：`none`, `underline`, `overline`, `line-through`, `blink`。 +- 示例： + ```css + a { + text-decoration: none; + } + ``` + +## 文本缩进（text-indent） +- 控制首行文本的缩进。 +- 可以使用像素（px）、em等单位。 +- 示例： + ```css + p:first-letter { + text-indent: 20px; + } + ``` + +## 字间距（letter-spacing） +- 控制字符之间的间距。 +- 可以使用像素（px）、em等单位。 +- 示例： + ```css + h1 { + letter-spacing: 2px; + } + ``` + +## 词间距（word-spacing） +- 控制单词之间的间距。 +- 可以使用像素（px）、em等单位。 +- 示例： + ```css + p { + word-spacing: 4px; + } + ``` + +## 白色空间（white-space） +- 控制元素内的空白字符的处理方式。 +- 可选值：`normal`, `nowrap`, `pre`, `pre-wrap`, `pre-line`。 +- 示例： + ```css + pre { + white-space: pre-wrap; + } + ``` + +## 文本阴影（text-shadow） +- 给文本添加阴影效果。 +- 语法：`text-shadow: h-shadow v-shadow blur color`。 +- 示例： + ```css + h1 { + text-shadow: 2px 2px 4px #000000; + } + ``` +``` + +