CSS文本与样式进阶技巧（美化+溢出处理）
文本样式是网页视觉美化的基础，除了基础的字体、颜色、对齐样式，掌握进阶文本处理技巧，可以快速优化页面质感，解决文本溢出、排版不规整、文字展示异常等高频问题。CSS文本样式可精准控制文字字体、大小、粗细、颜色、行高、缩进、对齐、阴影、溢出省略等所有文本效果，是页面精细化美化的核心。
基础核心文本属性详解：font-size控制字体大小，网页默认基准字号16px，页面统一字号建议全局初始化；font-weight字体粗细，支持数值（100-900）和关键字（bold加粗、normal常规）；color文字颜色，支持十六进制、rgb、rgba透明色、颜色名；text-align文本水平对齐，left左对齐、center居中、right右对齐；line-height行高，是单行文字垂直居中的核心，设置行高等于盒子高度即可实现文字垂直居中；text-indent首行缩进，常用2em实现段落首行空两格，适配文章排版。
高频进阶实用样式技巧：1、文字阴影text-shadow，设置文字偏移、模糊、颜色，提升文字立体感，适配海报、标题美化；2、圆角样式border-radius，支持统一圆角和单边圆角，是卡片、按钮美化必备样式；3、盒子阴影box-shadow，给容器添加立体阴影，区分模块层级，提升页面层次感；4、背景渐变background-gradient，实现无图片渐变背景，美化按钮、banner模块。
文本溢出处理（面试+实战高频）：网页文本超出容器宽度会自动换行、溢出撑破布局，必须手动处理。单行文本溢出省略三部曲：white-space: nowrap（强制文本不换行）、overflow: hidden（隐藏溢出内容）、text-overflow: ellipsis（显示省略号），适用于标题、单行简介超长截断。多行文本溢出省略：通过-webkit-line-clamp设置展示行数，配合溢出隐藏实现多行文字截断，适配商品简介、段落文本缩略展示。
文本排版开发规范：页面字体统一、行高统一，避免杂乱排版；正文文字颜色使用浅黑色，不使用纯黑，提升阅读舒适度；重点文字加粗、变色区分层级；所有文本溢出场景必须添加省略号，提升用户体验，避免文字溢出破坏整体布局。
常用文本属性：font-size字号、font-weight字体加粗、color文字颜色、text-align对齐方式、line-height行高（实现文字垂直居中核心）、text-indent首行缩进。
进阶技巧：单行文本溢出省略（white-space:nowrap + overflow:hidden + text-overflow:ellipsis）、多行文本溢出省略、文字阴影、圆角border-radius、盒子阴影box-shadow，快速提升页面质感。
