2020年6月16日
了解css样式
摘要： 我们如何才能写出一个精致漂亮的页面呢，这里就需要我们的css样式了，而我们的css样式需要写在哪呢，接下来我们上代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 写样式的位置，相当于化妆间 --> 阅读全文
posted @ 2020-06-16 20:49 爱睡觉的小朋友 阅读(238) 评论(0) 推荐(0) 编辑
html的基本标签
摘要： 当我们需要写页面的时候，肯定会用到一些html的基本标签，现在我们就来罗列下我们常用的html的基本标签有哪些 首先我们开始页面之前，我们需要写声明文档类型，以便我们的浏览器方便阅读 <!doctype html><!--申明文档类型 html--> <html><!--页面开始--> <head> 阅读全文
posted @ 2020-06-16 19:52 爱睡觉的小朋友 阅读(186) 评论(0) 推荐(0) 编辑
2020年3月31日
css3动画特效代码
摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 .box{ 阅读全文
posted @ 2020-03-31 20:37 爱睡觉的小朋友 阅读(68) 评论(0) 推荐(0) 编辑
css3动画效果transition
摘要： 每当对元素的hover设置了过渡，但没对该元素设置transition的时候，鼠标移上去的过渡是瞬间产生的，若设置了transition后，就会根据你设置的时间而缓慢运动 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></ti 阅读全文
posted @ 2020-03-31 20:28 爱睡觉的小朋友 阅读(139) 评论(0) 推荐(0) 编辑
css3动画的实例讲解
摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 .box{ 阅读全文
posted @ 2020-03-31 20:17 爱睡觉的小朋友 阅读(201) 评论(0) 推荐(0) 编辑
CSS3动画
摘要： CSS3动画 ## 动画与过渡的区别transition与animation1.transition:; 过渡 需要事件触发 2. animation 动画 不需要事件触发，使用关键帧就可以执行 ## animation1:定义动画 方式一:from{}起始位置 to{}终点位置 或者 方式二:0% 阅读全文
posted @ 2020-03-31 18:01 爱睡觉的小朋友 阅读(174) 评论(0) 推荐(0) 编辑