-
transition: property duration timing-function delay; 可单独写:transition-..... property: 过渡属性 fransform (必写值) 值为all时该大括号的所有类型都执行transition中的值 duration:动画持续时间 (必写值) timing-function:动画类型,默认平移:ease-out Linear ease ease-in变加速 ease-in-out rotate旋转 delay:延迟时间开始运动
查看全部 -
transform属性:<br> <br> 1、translate(水平)-- transform:translate(10px,10px);<br> <br> 2、rotate(旋转)-- transform:rotate(90deg);<br> <br> 3、scale(缩放)-- transform:scale(0.5,,0.5);<br> <br> 4、skew(斜切)-- transform:skew(50deg,,0deg);
查看全部 -
transform
translate ( ) ; rotate ( ) ; scale ( ) ; skew ( ) ;
查看全部 -
响应式布局: 屏幕大小变化: 小于值:@media screen and (max-width:值){ css样式(例:img{width:50%;}) } 大于值:@media screen and (min-width:值){ css样式(例:img{width:50%;}) } 之间值:@media screen and (max-width:值1) and (min-width:值2){ css样式(例:img{width:50%;}) } 附加:百度解释响应式布局 在中加 user-scalable = no 属性能够解决 iPad 切换横屏之后触摸才能回到具体尺寸的问题。 @media screen and (max-width: 980px) { #head { width: 100% } #content { … } #footer { … } } /** iPad **/ @media only screen and (min-width: 768px) and (max-width: 1024px) {} /** iPhone **/ @media only screen and (min-width: 320px) and (max-width: 767px) {}查看全部
-
超出部分隐藏 overflow:hidden 半透明 opacity:值(小于1) 文字居中 text-align:center 内边距 padding:值 平移 transform:translate(值1,值2) div边框 border:值(粗细) solid(实体) red(颜色) hover:鼠标放入对象所发生的事件 nth-of-type(1):同级兄弟标签的第一个标签 链接css: transition: property duration timing-function delay; 可单独写:transition-..... property: 过渡属性 fransform (必写值) 值为all时该大括号的所有类型都执行transition中的值 duration:动画持续时间 (必写值) timing-function:动画类型,默认平移:ease-out Linear ease ease-in变加速 ease-in-out rotate旋转 delay:延迟时间开始运动 注:rotate(角度)旋转动画 skew(角度)斜切动画 scale(数值,数值)缩放动画 deg度数查看全部
-
对外部容器限制宽度后,如果(图片)元素长度大于容器,应该使用overflow:hidden来将超出部分隐藏查看全部
-
将第一个属性值写成all,出现渐变效果查看全部
-
H5新标签:figure,figcaption标签查看全部
-
Tranformy用于元素的变形处理 属性:tranlate--平移 Rotate --A旋转 scale--缩放 skew--斜切查看全部
-
父容器当中有相对定位的时候,字容器的绝对定位是相对父容器来定位查看全部
-
QQQQ查看全部
-
opacity:0.8:透明度为0.8查看全部
-
响应式布局基本原理查看全部
-
案例HTML基本样式查看全部
-
overflow:hidden 可以把超出的部分隐藏掉查看全部
举报
0/150
提交
取消