天猫实践知识点整理

189 阅读1分钟

行级块元素 默认的html结构中的回车换行间距问题

1.删除html中的换行(不推荐)
2.给父元素设置font-size:0;
3.子元素浮动

设置连接的样式

首先通过

a{
    
}

把连接的默认样式写出

再通过特定的,如hover、visited、active,分写各自的样式

例:

a:hover{
    
}

样式的顺序必须严格按照a,a:visited,a:hover,a:active排列

用css写一个带翻转效果的三角形

指定对象的2D旋转 rotate(),需先有<transform-origin属性的定义>

旋转角度

<!--chorm,safari-->
-webkit-transform: rotate(角度);
transform: rotate(角度);

过渡

<!--transition-->
<!--transition-property检索或设置对象中的参与过渡的属性-->
<!--transition-duration检索或设置对象过渡的持续时间-->
<!--transition-time-function检索或设置对象过渡中的动画类型-->
<!--transition-delay检索或设置对象延迟过渡时间-->
transition:width 2s ease;