• h5c3 part4


    1
    伪元素选择器 ::before && ::after

      tips:
        1.content:"", 必写,即使没有内容也要设置为"".

        2.行内元素, 要设置宽高, 必须转为行内块

        3.js无法操作


    2.rgba(red, green, blue, transparent)(0-255 || 0.0%-100%)
      HSLA(hue saturation lightness alpha)
      hue: 0-360 0(360)红色 120(绿色) 240(蓝色) 红橙黄绿青蓝紫红
      saturation: 饱和度; lightness: 亮度 0-100%
      alpha: 透明度 0-1

    3.文字阴影 text-shadow(offsetX offset blur color)

    4.盒子阴影: box-shadow(h(horizontal水平的)) v(vertical垂直的) blur() spread color inset内阴影)

        tips: 1.offsetX offsetY blur 必写
          2. 顺序固定, 即使blur没有, 也要设置为0px, 才能在第四个设置color

    5. box-sizing: content-box border-box

    6: 先上下再左右
    border-top-left-radius:
    border-bottom-right-radius:

    border-radius: 1px 2px 3px 4px ; 上左 上右 下右 下左
    border-radius: 1px 2px 3px ; 左上 (右上, 左下) 右下
    border-radius: 1px 2px ; (左上 右下) (右上 左下)

    7. 线性渐变色 linear-gradient()

      设置终点 linear-gradient(to right, color1 start, color1 end, color2 start, color2 end, color3 start)
      to right 相当于 90deg
      to bottom 相当于 180deg (默认)

      设置起点(兼容性问题-webkit-) -webkit-linear-gradient(right,..)

    8. radial-gradient(形状 大小 坐标, 颜色1, 颜色2, 颜色3)
      形状: 默认 ellipse 椭圆 ; circle 圆形
      大小: 默认 最远的角 farthest-corner closest-side
      坐标: at position 默认中心点, 设置一个参数,另一个参数默认为center
      重复: repeating-radial-gradient

  • 相关阅读:
    线程笔记
    值类型与引用类型
    abstract抽象 抽象方法 不能有实现{} 0907
    接口
    结构
    XML初探
    javaScript中为什么会有变量提升?
    Windows 7实现自动登录(本地账户和域账户)
    WCF 提示 "由于正在读取的 XML 数据的嵌套级比配额所允许的多,因此已超出最大读取深度 (32)" 的解决办法
    也来安个家!
  • 原文地址:https://www.cnblogs.com/noraZhang/p/10044669.html
Copyright © 2020-2023  润新知