css字体样式

font-family 字体i类型

font-size 字体大小

color 字体颜色

font-weight 字体粗细

font-style 字体倾斜效果 normal italic oblique

text-decoration 定义修实现 可以定义下划线underline 上划线overline 删除线等样式line-through

font-variant 定义字体的变体 取值 normal small-caps 一般不使用

text-transform定义大小写字体 全部大写uppercase 全部小写lowercase 首字母大写capitalize

text-align 文本对齐方式 left center right

vertical-align 文本垂直对齐方式

letter-spacing 定义字符和字符之间的距离

word-spacing 定义单词和单词之间的距离

line-height 表示行高 可以设置为一个字高度 2个字高度

text-indent 首行缩进,建议用em表示多少个字

writing-mode 字体的书写方式 从左到右 从右到左 水平方向 垂直方向等取值

text-overflow: clip; 文本溢出策略 clip直接裁剪掉 ellipsis用...替换

word-break 文本换行模式。keep-all 中文,韩文,日文不允许断开 。break-all和normal一致,允许任意字内断开

initial 所有属性都可以接受该值,它指的是该属性的初始化默认值。

inherit 所有属性都可以接受该值,他表示继承值。

unset 所有属性都可以接受该值,表示擦除用户声明的属性值。如果用户声明了属性值,则重置为initial。如果用户没有生命值,则重置为inherit。所以继承值不能被擦除。IE和Safari不支持该属性

all 为所有属性设置值 all:unset;

opacity: 0.5; 字体透明度

transparent表示一个完全透明值

currentColor表示当前color的值

color模式 rgba模式

text-shadow: 10px 10px red;文本阴影 设置水平偏移 垂直偏移 阴影颜色 以及阴影模糊值

content 动态生成内容

@font-face 自定义字体,一般用于使用外部网络字体等。

点击查看代码
        p{
            font-family: 'Courier New', Courier, monospace;
            font-size: 22px;/* 也可以使用 xx-small x-small small larfe x-large 等官方字体*/
            color: red;
            font-weight: 400;
            font-style: oblique;
            text-decoration: none;
            font-variant: normal;
            text-transform: capitalize;
        }
posted @ 2024-03-21 17:43  caoruipeng  阅读(9)  评论(0编辑  收藏  举报