第8章 字体和文本相关

  1. 浏览器默认将多个空格和多个换行视作一个来处理!

  2. 可以给 font-family:"microsoft yahei","simsun"; 设置多个字体,备用。当用户没有第一种字体时,可以选择备用字体显示!

  3. **text-transform:uppercase;**  英文字母大写
    
    **text-transform:lowercase;**  英文字母小写
    
    **text-transform:capitalize;**  首字母大写
    
  4. text-index:1em; 默认的1em等于font-size的大小!

  5. text-decoration:overline double red; 设置双线!

  6.  **letter-sapcing:12px;**  字母与字母之间的间距
    
     **word-spacing:12px;**  单词与单词之间的间距
    
  • 6.1 white-space:pre;
    空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
  • 6.2 white-space:nowrap;
    文本不会换行,文本会在在同一行上继续,直到遇到
    标签为止。
  • 6.3 white-space:pre-wrap;
    保留空白符序列,但是正常地进行换行。
  • 6.4 white-space:pre-line;
    合并空白符序列,但是保留换行符
  1. word-break:break-all; 强制换行

  2. 文本超出显示省略号:white-space:nowrap;
    定义文本溢出处理方法:text-overflow:ellipsis;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,308评论 1 4
  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 4,969评论 0 0
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,870评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,929评论 0 2
  • Apple开发者账号忘记了安全问题十分麻烦 最近开发者账号要求完善信息 要求添加手机号 但是没有安全问题又不能登...
    HAKA阅读 4,921评论 0 0

友情链接更多精彩内容