# Yaeyn **Repository Path**: Yky6/yaeyn ## Basic Information - **Project Name**: Yaeyn - **Description**: y - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-02-13 - **Last Updated**: 2024-05-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 字体和文本属性 ### 单位 html中只有一种单位,px,所以它可以省略; css中不止一种单位,所以它不能省略; 1. 绝对单位: - 英寸 1in=2.54cm - 厘米 1cm=10mm - 毫米 - 派卡 1pc=12pt - 点 > 1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px 2. 相对单位: - em 相对于父级的字体大小font-size - rem 相对于根元素(通常是指body)的字体大小font-size - px 像素 - vh 1vh相当于视口(viewport)1%高度 - vw 1vw相当于视口(viewport)1%宽度 ### 字体属性 ```css font-size: 24px; line-height: 30px; font-family: Arial, Helvetica, sans-serif 仿宋; font-weight: 400; font-style: italic; /* font-display: auto; */ font-variant: small-caps; ``` 只考虑无衬线字体,推荐设置: ```css font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; ``` ### 文本属性 ```css letter-spacing: 10px;/* 设置字符之间的间距 正数代表间距加大,负数代表间距减小 */ white-space: pre; /* 决定内容中多个连续空白、换行的处理方式 ,具体的处理方式见下表*/ word-spacing:10px ; /* 设置单词之间的间距 正数 代表间距加大,负数代表间距减小(ps:实测只作用英文单词) */ color: blue; text-align: left; text-decoration: overline; text-transform: capitalize; ``` | |换行符 |空格和制表符 |文本换行 |行末空格 |行末的其他空白分隔符| | - |- |- |- |- |- | |normal |合并 |合并| 换行| 移除| 挂起| |nowrap| 合并| 合并 |不换行| 移除| 挂起| |pre |保留 |保留 |不换行| 保留| 不换行| |pre-wrap |保留 |保留| 换行 |挂起| 挂起| |pre-line |保留 |合并| 换行| 移除| 挂起| |break-spaces |保留 |保留 |换行 |换行| 换行| ### list-style ### overflow  ### 光标形状 cursor ```