zoukankan      html  css  js  c++  java
  • css3颜色模式 圆角的实现 width的属性值 触发怪异盒模型

    Css颜色模式:

    rgb255,0,0

    rgba255,0,0,0.5)(0.5是透明度)

    hsl58%56%)色彩饱和度

    hala()

    border-image   url(路径)

    向内偏移的量 二个值(不加单位)

    显示状态:repeat round(铺满)

    默认:stretch(拉伸)

    中间向二侧平铺:

    border-image-outset: ;向外超出的量,值是倍数

    重点:border-radius:;

    border-radius10px;四周都是圆角

    border-radius10px 20px;左上/右下  右上/左下

    border-radius10px 20px 30px 40px ; 从左上角开始顺时针

    border-radius10px/20px   /左侧为水平半径 右侧为垂直半径

    width的属性值:

    fill-available  填充满空间

    fit-content 适应子元素整体的宽度

    max-content 让父元素找子元素最大的宽度去设置

    min-content 让父元素找子元素最小的宽度

    cala()括号里面放的是一个表达式

    widthcala100%-400px

    pointer-events:;

    阻止用户点击动作产生的效果 阻止csshoveraction状态的触发事件 一些多层的绝对定位,覆盖按钮穿透可以点击它

    pointer-eventsnone; 完全禁止鼠标事件

    触发怪异盒模型:

    box-sizing:;

    属性值:

    content-box  常规盒模型

    border-box  怪异盒模型

    怪异盒模型特点:

    paddingborder不会对盒子大小产生影响

    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    复合文字(C99)
    复浮点数(C99)
    字符串的数组形式与指针形式
    《设计模式之禅》学习笔记(十)
    旧关键字的新位置(C99)
    C的存储类、链接和内存管理
    scanf( )函数的格式化输入
    《设计模式之禅》学习笔记(十三)
    yum软件包管理器
    《设计模式之禅》学习笔记(十五)
  • 原文地址:https://www.cnblogs.com/ht955/p/13835853.html
Copyright © 2011-2022 走看看