摘要: animation动画通过设置多个节点来精确控制一个或者一组动画,常用来实现复杂的动画效果;相对过渡动画,animation动画可以实现更多变化,更多控制,实现自动播放等效果; 定义动画 制作animation动画需要两个步骤: 第一步,需要先定义动画,0%的时候我们一般建议什么也不要设置,默认就是 阅读全文
posted @ 2021-04-05 19:33 一个动态类型的幽灵 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 2D转换之translate(重点) 基本语法 属性:transform,属性值:translate(X,Y),属性值也可以分开书写: transform:translate(X,Y) transform:translateX(n) transform:translateY(n) transform 阅读全文
posted @ 2021-04-05 19:32 一个动态类型的幽灵 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 一个大的div盒子表示tab选项卡整体,里面嵌套上下两个盒子,上面的盒子是选项卡的导航区,下面的盒子是选项卡的内容区,导航中有几个子项,内容区的盒子就对应有几个; <div class="tab"> <!-- 选项卡的导航 S --> <ul class="tab_nav"> <li>体育新闻</l 阅读全文
posted @ 2021-04-05 19:30 一个动态类型的幽灵 阅读(188) 评论(0) 推荐(0) 编辑
摘要: Logo一般是放在h1标签里面,h1里面嵌套超链接a,a里面放logo即可 方法1-- 插入图片(推荐使用): 直接在a里面插入图片,注意要设置alt的关键字,有利于网站优化; <div class="logo"> <h1> <a href="#"><img src="./img/logo.png" 阅读全文
posted @ 2021-04-05 19:29 一个动态类型的幽灵 阅读(480) 评论(0) 推荐(0) 编辑
摘要: http://www.bitbug.net/ 在比特虫网站上传图标选择自己想要的尺寸下载即可; favicon图标显示在网页的选项卡上面的,如下图 注意: 把favicon图标放在项目的根目录下面,在页面进行用link标签将favicon图标引入 <link type="image/x-icon"  阅读全文
posted @ 2021-04-05 19:26 一个动态类型的幽灵 阅读(237) 评论(0) 推荐(0) 编辑
摘要: T网站的标题 <title>传智教育官网-好口碑IT培训机构,一样的教育,不一样的品质</title> D网站的关键描述介绍-description <meta content="传智教育(“传智播客”全新升级为“传智教育”)专注IT培训,提供多种IT培训服务,如:java培训、前端开发培训、大数据 阅读全文
posted @ 2021-04-05 19:25 一个动态类型的幽灵 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 3D转换 X轴:水平方向 X轴右边是正值,左边是负值; Y轴:垂直方向 Y轴下面是正值,上面是负值; Z轴:垂直屏幕方向 – 往外是正值,往内是负值; 注意 3D转换就是在2D转换的功能上,属性后面多了3d,值多出一项 功能:位移,缩放,旋转,没有斜切 3D转换展示效果需要借助其他属性才能实现 3D 阅读全文
posted @ 2021-04-05 19:14 一个动态类型的幽灵 阅读(414) 评论(0) 推荐(0) 编辑