• 一些CSS的备忘


    text-transform 文本转换 属性值是 

    none表示没有 不转换 同时也是默认的

    capitalize 表示首字母大写

    uppercase全部转换为大写

    lowercase全部转为小写

    text-indent:2em 

    无论字号多大 首行文本都会缩进两个字符

    text-indent:50px   表示缩进50px  与字号没有关系   

    text-decoration:

    none:没有装饰 和正常字体一样

    underline:下划线

    overline:上划线

    line-through :删除线

    text-decoration后可以赋多个值,用于对文本添加多种显示效果。如:.four {  text-decoration: underline  line-through ; }

    文本省略号 ........

    white-space:nowrap   表示不换行

    overflow:hidden;    超出会隐藏

    text-overflow:ellipsis; 文本超出会省略

    这三个一起用 ,就会出现省略号

    box-sizing  有2个属性  一个是content-box  ,另外一个是 border-box 

    content-box表示当div定义宽度和高度的时候,它的参数不包括border 和 padding 

    border-box 表示当div定义宽度和高度的时候,它的参数包含在width 和 height中 

    背景设置的显示区域:

    background-origin有三个属性 padding-box    border-box   content-box  ,

    background-origin表示背景图片的位置

    background-clip也有三个属性 padding-box  content-box  border-box  背景裁切的位置 

  • 相关阅读:
    angular学习一框架结构认识
    关于react上线系列问题及解决方案
    typescript学习笔记
    keepalived + glusterfs实现高可用
    nginx限制单个IP的最大连接数量限制下载速度
    初识Python.day2
    初识Python
    服务器安装到优化
    windows云服务器数据迁移
    z字形变换
  • 原文地址:https://www.cnblogs.com/agansj/p/8553708.html
Copyright © 2020-2023  润新知