黑马程序员技术交流社区

标题: html以及css样式运用 [打印本页]

---

作者: 时空爱恋飞翔    时间: 2019-7-25 13:04
标题: html以及css样式运用

1.过渡写到本身上（谁需要过渡就加给谁）

       transition: all 0.5s;

       常用的运动曲线：linear 匀速 ease逐渐慢下来     ease-in 加速  ease-out 减速    ease-in-out 先加速后减速

       注意：我们一般将过渡属性加载盒子的本身上；过渡动画就是让摸一个动作是在一定的时间内完成；

     2.css3过渡动画

1. transition: 要过渡的属性 花费时间 运动曲线 何时开始；

2. 如果有多组属性，我们用逗号隔开

      transition: width 1s ease 0s, height 1s ease 0s, background-color 1s ease 0s;

3. all 所有属性都会变化（实际开发中不会分开书写多个属性，除非属性的运时间不同）

        transition: all 1s ease 0s;

      3.tab选项卡的制作思路

      布局：一个大的父级盒子 嵌套上下两个盒子，上面的盒子放tab导航，下面的盒子放tab的内容

     上面的盒子里面放ul嵌套li，然后让li设置固定的宽高（宽度可以用padding撑开），li需要左浮动，最后用cursor: pointer;将li变成手型图，如果有默认选中的效果就直接          在一个li身上起一个class=”current”，在css里面设置样式；

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2