Web基础03 CSS文本外观属性

用于用CSS来定义文本外观属性
1、color 文本颜色
颜色:①直接用颜色名 white 白色 black 黑色 blue 蓝色 navy深蓝 silver 浅灰 gray 深灰 red 大红 maroon 深红 lime 浅绿 green 深绿 yellow 明黄 olive 褐黄 aqua 天蓝 feal 靛青 fuchsia 品红 purple 深紫
②用十六进制 如#ff0000 三个颜色分量 当十六进制数相同的时候可以缩写,如#FF0066 缩写为#F06
③用RGB代码 例如 color:rgb(255,0,0);
2、letter-spacing 字间距
normal 默认
数字 可正可负
3、word-spacing
normal 默认
数字 可正可负
4、line-height 行间距
单位:px像素、em相对、%百分比
5、text-transform 文本转换 控制英文大小写
none 不转换(默认)
capitalize 首字母大写
uppercase 全部字符大写
lowercase 全部字符小写
6、text-decoration 文本装饰
none 无装饰(默认)
underline 下划线
overline 上划线
line-through 删除线
可有多个属性值,空格分隔
7、text-align 水平对齐方式
(仅适用于块级元素,对行内元素无效)
left、right、center
8、text-indent 首行文本缩进
不同单位数值
em(常用)
宽度倍数
百分比
可正可负
9、white-space 空白符处理
normal (默认)文本中空格空行无效,满行自动换行
pre 预格式化,按文档书写格式,保留空格空行,原样显示
nowrap 空格空行无效,强制文本不能换行,除非遇到
,超出也不换行,自动增加滚动条
10、text-shadow 阴影效果
选择器{text-shadow:h-shadow v-shadow blur color}
h-shadow 设置水平阴影距离
v-shadow 设置处置阴影距离
blur 模糊半径
color 阴影颜色
h-shadow和v-shadow 属性值可正可负,全正右下,全负左上
模糊半径越大模糊范围越大
可以加多个阴影 用逗号隔开
11、text-overflow 标示对象内文本的溢出
ellipsis "…"作为最后一个字符,代替后面溢出的内容
clip 去掉后面溢出的内容

你可能感兴趣的:(web网页设计,html,css,web)