美文网首页
2021-11-08、文本字体样式引入及其设置

2021-11-08、文本字体样式引入及其设置

作者: 疋瓞 | 来源:发表于2021-11-07 11:18 被阅读0次

1、如何将微信小程序当中同一项目中其他文件的样式导入到当前文件样式当中?

方法:@import'其他文件样式(wxss)路径';
例子:@import '../dem_0/dem_0.wxss';

2、微信小程序中文和英文文本设置

2.1、中文文本设置

wxml:

<view class="title">文本样式设置</view>
    <view class="style01">
        <text>设置文本颜色,设置文本对齐方式,设置文本缩进,设置字母间距,设置文档中的空白处,设置文本修饰样式,设置文本修饰颜色。</text>
    </view>

wxss:

.style01{
    color:red;
    letter-spacing: 5px;
    text-align: left;
    text-indent: 50px;
    text-decoration: underline;
    text-decoration-color: #00f;
    line-height: 30px;
    white-space: normal;
}

2.2、英文文本设置

wxml:

<view class="style02">
        <text>
        color text-align text-indent letter-spacing word-spacing white-space text-decoration text-decoration-color
        </text>
 </view>

wxss:

.style02{
    text-align: justify;
    word-spacing: 20px;
    text-transform: uppercase;
    white-space: pre-wrap;
}

3、总结:

3.1、用到的字体属性说明

  • color:字体颜色

  • letter-spacing: 中文字体间隔

  • word-spacing: 英文字体间隔

  • text-align: 字体对齐方式


    text-align当中的参数设置
  • text-indent: 字体缩进

  • text-decoration: 字体修饰


    text-decoration的参数.jpg
  • text-decoration-color: 字体修饰的颜色

  • line-height: 行间距

  • white-space: 空白部分设置(字体中原有的空格,换行等)


    white-space参数设置.jpg

3.2、案例展示

案例展示.jpg

相关文章

  • 2021-11-08、文本字体样式引入及其设置

    1、如何将微信小程序当中同一项目中其他文件的样式导入到当前文件样式当中? 方法:@import'其他文件样式(wx...

  • iOS 属性文字NSAttributedString/NSMut

    在iOS中的文本样式是固定的,只能设置字体样式(font)或者设置字体,如果需要自定义文本样式,则需要用属性文本(...

  • CSS 字体文本

    文本字体 所有的网页都会包含文本,这就会涉及字体样式和文本对齐的设置。其中font-系列属性用于设置字体,text...

  • CSS全局样式的设置

    默认字体设置,边距设置 去除默认边距 链接相关样式 排版相关样式 内嵌文本相关样式 表单文本相关样式 结尾给大家分...

  • Google Fonts

    Google 字体库 字体库 Get Started Standard方法 通过发送请求引入字体样式 设置请求的样...

  • HTML03-day

    文本标签 列表 颜色单位 字体分类 字体样式 行间距 颜色单位 字体其他样式 文本样式

  • 文本标签and文本样式

    改变字体样式:font-family:字体名称 字体分类: 字体类型: 背景颜色: 文本样式: 文本标签 列表:有...

  • CSS-基础

    选择器样式:背景/大小样式:文本/字体 选择器 样式:背景/大小 样式:文本/字体 样式:边框 样式:内边距 样式...

  • CSS体验

    在企业开发中 修改样式都是交给 CSS 来做,设置样式 美化界面 font标签:设置文本的 字体、大小、颜色 fo...

  • CSS常用样式

    文字属性控制字体设置文本格式 边框 边界 列表符号属性 背景样式 连接属性 a 鼠标光标样式 边框基本样式属性 边...

网友评论

      本文标题:2021-11-08、文本字体样式引入及其设置

      本文链接:https://www.haomeiwen.com/subject/ctcuzltx.html