常用字体样式记录(个人学习记录):

1、字体大小

font-size:26rpx;

2、文字加线

1)下划线:text-decoration:underline

2)删除线:text-decoration:line-through

3)上划线:text-decoration:overline

3、字体加粗

font-weight:bold;

4、字体倾斜

font-style: italic;

5、内容居中

1)靠左对齐: text-align:left

2)靠右对齐:text-align:right

3)居中对齐:text-align:center
4)两端对齐:justify 

6、字母大小写

1)小型大写字母(就是先把字母变成大写,再把字体改小):font-variant:small-caps;

2)首字母大写:text-transform:capitalize;

3)转换成大写:text-transform:uppercase ;

4)转换成小写:text-transform:lowercase ;

7、文字的上下行间距

line-height:50rpx;

8、文字过多省略
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

9、文字颜色
 color:red;

10、设置文字字体
 font-family:"楷体";

11、字体缩进
  text-indent:2em;
  设置首行的字体缩进,单位可以是em、px
  em为一个字的大小

12、文字换行
  white-space: nowrap;
  设置文字是否换行,normal 为默认换行;nowrap 为强制不换行

13、超出元素设置滚动条
   overflow: auto;

14、行内垂直
vertical-align:100px ;
vertical-align:middle;

15、去除a标签(下)划线

1)a{
    text-decoration:none;
}
2)设置下划线:underline;
3)设置上划线:overline
4)设置贯穿线:line-through
16、行内样式垂直对齐
 
vertical-align: 10px;
 
vertical-align: middle;
 
vertical-align: top;
 
vertical-align: bottom;
 
vertical-align: baseline;





Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐