• css3


     CSS3选择器
    a字符串匹配属性选择器
        E[属性^="val"]
        E[属性¥="val"]
        E[属性*="val"]
        E[属性="val"]
    b结构性伪类
        E:nth-chid(n)
        E:nth-last-chid(n)
        E:first-chid(n)
        E:last-chid(n)
        E:only-child(n)
        E:nth-last-child(n)
        E:first-of-type
        E:last-of-type
        E:only-of-type
        E:nth-of-type
        E:nth-last-of-type
        E:empty
    c.UI元素状态选择器
        E:cheked
        E:enabled
        E:disabled
        E:target
        E::selection
        E:not(s)否定伪类选择器
        E~F
        E+F
    CSS背景
    1.边框
    box-shadow边框阴影
    eg:box-shadow(5px 5px 5px 10px);
    值:水平,垂直,模糊,延长
    2.border-radius圆角边框
    3.background-orgin定位
     属性border-box padding-box  content-box
    4.backgroound-clip背景的绘制区域
    属性border-box padding-box  content-box
    5.backgroound-size
    属性length 指定图片的大小
    percentage百分比指定图片大小
     auto图片的实际大小
     cover图片等比缩放,可能会超出
    contain等比缩放 图片始终包含在内
    6.backgroound-cattachment设置或标志图像是随对象内容滚动还是固定的。必须指定backgroound-image属性
    属性:fixed  scroll local
    文本阴影text-shadow
    文本溢出 text-oveflow:clip/ellipsis与oveflown套用
    clip:当文本溢出时,直接将溢出内容减掉
    ellipsis:当文本溢出时,溢出部分时显示省略标记
    word-wrap连续文本换行
    normal控制连续文本换行
    break-word超出边界部分换行
    white-space:noweap;一行显示,不换行
    CSS3 2D/3D转换
    2D转换:
    a.transform设置对象转换方式
    transition设置对象变换时的过渡
    translate()移动
    rotate()旋转
    scale()缩放
    skew()翻转
    matrix()组合操作
    b.animation
    属性:animation-name动画
         animation-duration持续时间
    animation-timing-function过渡方式
    ease-in-out/linear/ease/ease-out
    animation-iteration-count循环次数:infinite无限循环
         动画的方向: -webkit-animation-direction: alternate/normal

  • 相关阅读:
    Math Jax开源数学编辑器的使用
    阿里云pai项目使用说明
    tomcat管理授权:tomcat-users.xml
    NoSQLBooster for MongoDB的基本使用
    IDEA的配置文件访问
    task
    Netty基础点滴
    二星权限树的设计与实现
    easyui实现树形菜单Tab功能、layout布局
    如何用Dome4j(2.2.1)创建Xml
  • 原文地址:https://www.cnblogs.com/alicezq/p/4771677.html
Copyright © 2020-2023  润新知