云朵

笔记


form必须要有action属性     action表示提交的服务器地址                                     
< input type="" name="">     type可选值:
                                                  text             文本框
                                                  password         密码框
                                                  radio            单选框    必须要有相同的name属性 必须指定value属性  checked属性可以将单选按钮设置为默认选中
                                                  checkbox         复选框    必须要有相同的name属性 必须指定value属性  checked属性可以将单选按钮设置为默认选中
                                                  submit           提交按钮
                                                  button           按钮
                                                  reset            重置按钮
                                                  search           搜索框        
< button type=""></button >    type可选值:
                                        submit
                                        button
                                        reset        下面这种按钮的方式使用的多  button有闭标签 可在其中插入其他东西  input是自结束标签
 select           下拉列表  必须要有相同的name属性 必须指定value属性  option标签表示选项            
autocomplete="off" 关闭自动补全
readonly  将表单设置为只读 数据会提交
diaable   将表单设置为禁用 数据不会提交
autofocus 将表单设置为自动获取焦点 (光标直接会在获取焦点的框)
网站图标一般都存储在网站的根目录下 名字一般都叫 favicon.ico
transition:过渡  
transition-property:    指定要执行过度的属性(如width ,height ,color, all, margin-left...) 
                                    多个属性之间用逗号,隔开 大部分属性都支持过渡效果
transition-duration:    指定过度要持续的时间
transition-timing-function: 过渡的时序函数    可选值:  
                                                      linear         匀速运动
                                                      ease-in        加速运动
                                                      ease-out       减速运动
                                                      ease-in-out     先加速 后减速
                                                      cubic-bezier(1,1,1,1)     贝塞尔曲线  https://cubic-bezier.com/#.17,.67,.83,.67
                                                      steps(n,end)        默认值是end  可以不写  在结束的时候跳步
                                                      steps(n,star)       在开始的时候跳步
                                                      ease           默认值  慢速开始 先加速 后减速
transition-delay:延时
过渡简写:   transition:执行时间 执行属性 延时...; 执行时间和延时两者中  执行时间必须写前面 
动画 animation  设置动画时首先要定义关键帧  然后再在css中用 animation-name:name;使用动画
                                   @keyframess name{    name是动画名字 
                                              from{       from是指定开始位置的关键帧 from也可写成0%
                                                     margin-left:0;
                                              }
                                              to{         to是指定结束位置的关键帧   to可写成100%
                                                      margin-left:100Px;
                                              }

                                                   }
animation-duration:动画执行时间
animation-delay:延时
animation-timing-function:和过渡一样  时序函数
animation-iteration-count:动画执行次数  infinite代表执行无限次
animation-direction:指定动画运行的方向  可选值:
                                               reverse  从to向from执行 每次都是这样
                                               normal  默认值  从from向to执行 每次都是这样
                                               alternate  从from向to执行 重复执行动画时反向执行
                                               alternate-reverse 从to向from执行 重复执行动画时反向执行
animation-play-state:设置动画执行状态  可选值:running   pause
animation-fill-mode:动画填充模式   可选值:
                                          forward  动画执行完毕停止在动画结束的位置
                                          backward  动画延时等待  元素会处于开始位置  元素会有变化 延时的过程中元素会变成关键帧里from或者to的状态
                                          both   结合forward和backward
                                          none  默认值 动画执行完毕回到原来位置  在延时的时候元素不会有变化
    

@2020 Fzl ,All Rights Reversed.