css外观属性 字符 背景
发布日期:2021-05-12 17:19:12 浏览次数:20 分类:精选文章

本文共 1541 字,大约阅读时间需要 5 分钟。

font 字符

font-family 设置文本的字体系列 

可取值:字体类:Serif  Sans-serif  Monospce  Cursive  Fantasy

 或:字体名:Times  Arial  Courier  ZapfChancery  Western

font-size 字体大小

单位 绝对:pt(point)  pc(pick皮卡)  in(inch)  mm(million meter)   cm(center meter)

单位 相对:em(equal m)  ex(equal x)  px(pixel)

相对 名称:small  medium  large

  相对 值:500%

(绝对大小:

  • 设置一个指定大小的文本
  • 不允许用户在所有浏览器中改变文本大小
  • 确定了输出的物理尺寸时绝对大小很有用

相对大小:

  • 相对于周围的元素来设置大小
  • 允许用户在浏览器中改变文字大小

Remark 如果你不指定一个字体的大小,默认大小和普通文本段落一样,是16像素(16px=1em)。)

font-style 字体样式

可取值:Normal  Italic  Oblique (

  • 正常 - 正常显示文本
  • 斜体 - 以斜体字显示的文字
  • 倾斜的文字 - 文字向一边倾斜

font-weight 指定字体粗细 可取值:

范围:100  200  ……  900 定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。
描述
normal 默认值。定义标准的字符。
bold 定义粗体字符。
bolder 定义更粗的字符。
lighter 定义更细的字符。

color

名称:red  green  blue  gray  orange

十六进制:#00ff00

十进制:rgb(255,255,0)

百分比:rgb(100%,50%,10%)

text-transform 可取值:

capitalize  uppercase  lowercase  none

text-decoration 属性规定添加到文本的修饰

描述
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

text-align 元素文本的水平对齐方式。

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

text-indent 缩进  

描述
length 定义固定的缩进。默认值:0。
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值。

letter-spacing  设置字符间距

属性增加或减少字符间的空白(字符间距)

letter-spacing字母间距

line-height 

normal

默认。设置合理的行间距。
number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。
length 设置固定的行间距。
% 基于当前字体尺寸的百分比行间距。
inherit 规定应该从父元素继承 line-height 属性的值。

背景

Property 描述
简写属性,作用是将背景属性设置在一个声明中。
背景图像是否固定或者随着页面的其余部分滚动。
设置元素的背景颜色。
把图像设置为背景。
设置背景图像的起始位置。
设置背景图像是否及如何重复
上一篇:css文本效果
下一篇:伪类选择器

发表评论

最新留言

表示我来过!
[***.240.166.169]2025年04月30日 18时01分20秒