CSS 常见属性设置

一. 文本属性

1.1. 装饰线 text-decoration

  • text-decoration有如下常见取值:
    • none:无任何装饰线(可以去除a元素默认的下划线)
    • underline:下划线
    • overline:上划线
    • line-through:中划线(删除线)

1.2. 大小写转换(推荐JS预处理)

  • text-transform:设置文字的大小写转换
    • capitalize:首字母进行大写
    • uppercase:全部大写
    • lowercase:全部消息
    • none:不进行任何设置

1.3. 段落的缩进

  • text-indent 设置第一行内容的缩进
    • text-indent: 2em; (或者 10px) 2em刚好是缩进2个文字

1.4. 文本对齐(图片)

图片也可以用,输入框等行内级元素,不包括容器(或者 display:inline-block,margin: 0 auto)

  • text-align: 文本(图片)的对齐方式设置
    • left:左对齐
    • right:右对齐
    • center:正中间显示
    • justify:两端对齐

1.5. 字间距

  • letter-spacing:子母之间的间距(默认是0,可设置为负)
  • word-spacing:单词之间的间距(默认是0,可设置为负)

字体属性

相关推荐
泯泷3 小时前
那段文字是谁删的?Yjs 14 正式版之前,一套删除归属方案的实现与边界
前端·javascript·算法
野槐5 小时前
前端项目优化(有了我,会发生...)
前端
aa小小6 小时前
【无标题】
前端
计算机魔术师7 小时前
还在单线程跟 AI 聊天?Claude Code 并行多会话让你一个人干三个人的活
前端
志尊宝7 小时前
Vue3 零基础每日笔记(038):亲手封装 useDebounceFn 与 useThrottleFn——高频事件的流量阀
前端·javascript·vue·html·vue3
JavaGuide7 小时前
对标 MinIO!全新一代分布式文件系统正式发布
前端·后端
风骏时光牛马7 小时前
AI驱动自动化业务工作流搭建实践
前端
码云之上8 小时前
Skill 里的脚本终于能跑了,星悟接 CubeSandbox 的纪实
前端·人工智能·前端框架
IT_陈寒8 小时前
Vue computed属性这个坑,我居然踩了三次才爬出来
前端·人工智能·后端
烈风逍遥8 小时前
第三篇:组件化实践,SpTable 通用表格组件设计
前端·架构