博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS3文本
阅读量:5259 次
发布时间:2019-06-14

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

CSS字体类型

属性 描述 属性值
font-family 定义字体的类型,复合属性中必不可少的属性
font-style 定义字体的样式 normal(默认)、italic(斜体)、oblique(倾斜)
font-weight 定义字体粗细。除了定义常见属性值外,还可以定义100~900,其中100最细,900最粗 normal(默认)、bold(粗体)、bolder(特粗体)、lighter(细体)
font-size-adjust 定义是否强制对文本使用同一尺寸  
font-stretch 定义是否横向拉伸变形字体  
font-variant 定义字体大小写 normal(默认)、small-caps(小型的大写字母字体)

符合属性:

1
font
: font-style font-weight/line-height font-family;

CSS文本类型

属性 功能 属性值
color 设置文本颜色  
word-spacing 定义词与词之间的间距 normal(默认)、length(可以是负数)
letter-spacing 定义字符之间的间距 normal(默认)、length(可以是负数)
vertical-align 定义文本垂直对齐方式 baseline(默认)、sub(上标对齐)、super(下标对齐)、bottom(行框底端对齐)、text-bottom(行内文本底端对齐)、top(行框顶端对齐)、middle(居中对齐)、blink(闪烁线)
text-decoration 文本修饰线 none(默认)、underline(下划线)、overline(上划线)、line-through(删除线)、blink(闪烁线)
text-indent 文本首行缩进 length和百分比
text-align 文本水平对齐 left、center、right、justify(两端对齐)
line-height 文本行高  
text-transform 文本大小写 none、uppercase(大写)、lowercase(小写)、capitalize(首字大写)
text-shadow 文本阴影效果  
white-space 文字之间和文本之间的空白符间距

nowrap(空白符合并/换行符忽略)、pre(空白符/换行符保留)、pre-wrap(空白符、换行符保留)、pre-line(空白符合并,换行符保留)

direction 控制文本流入的方向 ltr(默认值)、rtl(文本从右到左流入)、inherit(文本刘如方向由继承获得)

CSS3阴影属性text-shadow

1
text-shadow
:color x-offset y-offset blur-radius;

color:阴影颜色,定义绘制阴影时所使用的颜色。是个可选参数,放在首位、末尾均可。如果没有显示设置阴影颜色,默认为文本的颜色作为阴影颜色。

x-offset:x轴位移。用来指定阴影水平位移。正值,阴影在对象的右部。负值,阴影在对象的左部。

y-offset:y轴位移。用来指定阴影垂直位移。正值,阴影在对象的底部。负值,阴影在对象的顶部。

blur-radius:阴影模糊半径,可选参数。只能为正值。0表示无模糊效果。

可以使用text-shadow属性给文本指定多个阴影,并且针对每个阴影使用不同的颜色。指定多个阴影时使用逗号将多个阴影进行分隔。

为了IE兼容性,使用滤镜filter:shadow来处理。

1
{filter:shadow(color= ;Direction= ,strength= )}

color:阴影颜色。

direction:投影方向。取值0度,则阴影在文本上面。

strength:阴影强度。 

 

             
staven(0 deg)
staven(45 deg)
staven(90 deg)
staven(135 deg)
staven(180 deg)
staven(225 deg)
staven(270 deg)
staven(315 deg)
staven(360 deg)

 

 

 

 

转载于:https://www.cnblogs.com/staven/p/07e792ead7deffd5350ba565890b35db.html

你可能感兴趣的文章
Altera Quartus II 12.0订购版下载
查看>>
DON'T SET YOUR SHAREPOINT APP TO FULL TRUST
查看>>
移动端踩坑系列(一)————input默认调用数字键盘
查看>>
第十八次ScrumMeeting会议
查看>>
mysql部分替换
查看>>
IOS关于数据加密(主要为登录加密)想总结的
查看>>
微信公众号导出关注的用户信息
查看>>
test
查看>>
ogre3D学习基础17 --- 如何手动创建ogre程序
查看>>
activeMq 使用方法
查看>>
hdu 1425 sort
查看>>
11.JAVA-Object类之finalize(),clone(),toString()等方法覆写
查看>>
既有设计模式的lambda重构
查看>>
java学习笔记(基础篇)—面向对象编程之封装、继承、多态
查看>>
Redis实现简单的消息队列
查看>>
改变jboss部署目录(虚拟目录)
查看>>
自己通过反射写的一个属性copy类
查看>>
新媒体运营之话说如此操作更容易出站街号。
查看>>
JavaScript基础数据类型
查看>>
py 的 第 37 天
查看>>