开发者学堂课程【CSS 快速掌握:文本属性】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/611/detail/9171
文本属性
内容介绍
一、文本属性
一、文本属性
1.
属性名 |
值 |
含义 |
color. |
#ff0000 或 red 或 rgb(3,5,8) |
给文本设置颜色。 |
text-aligne |
left(居左)、right(居右)、center(居中) |
设置文本的水平对齐方向。 |
text-decoration |
none(去掉文本修饰线)、设置文本修饰线。 underline(下划线),、overline(上划线)、line-through(删除线) |
设置文本修饰线 |
text-transforme |
capitalize、uppercase 、lowercase |
大小写转换或者首字母大写 |
Line-height |
固定值或百分比 |
设置行高 |
text-indent |
px 或者 em |
设置首行缩进允许负值。 |
letter-spacing |
px |
设置字符间距 |
word-spacing |
px |
设置单词间距 |
<style type=“text/css”
.zhang{
color:rgb(255,0,0);
}
/*
十进制表示颜色的方式在 CSS 中没有浏览器兼容性的问题 text-decoration: underline; /*下划线*/
}
h2{
text-align:center;/*
水平居中*/
text-decoration:overline;/*
上划线*/
}
.jyqht{
text-decoration:line-through
;/*删除线*/
}
u{
text-decoration:none;/*
去掉文本修饰线*/
}
.cap{
text-transform;capitalize
;/*将英文字母的首字母转换为大写*/
}
.upper{
text-transform:uppercase
;/*将小写转换为大写*/
word-spacing:20px;
}
.lower{
text-transform: lowercase
;/*将大写转换为小写*/
Letter-spacing:20px;
}
p{
text-indent:-2em;/*1
个em就表示一个汉字的位置*/
}
.lh{
/*
行高的主要作用是用来设置文本的垂直方向居中对齐
*
以现文本的垂直方向居中对齐 height:40px;
Line-height:40px;
border:1px solid #f00;/*
设置边框 1px 实线 红色*/
}
</style>