摘要: animate.css的使用 前面的话 animate.css是一个使用CSS3的animation制作的动画效果的CSS集合,里面预设了很多种常用的动画,且使用非常简单。本文将详细介绍animate.css的使用 引入 animate.css的最新版本是3.5.2,引入animate.css很容易 阅读全文
posted @ 2020-06-17 17:13 航行远方 阅读(4315) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE HTML><HTML> <HEAD> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> </HEAD> <BODY> <form action="http://www.baidu.com" 阅读全文
posted @ 2020-06-16 16:29 航行远方 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 最近发现 github 改版了,已没有像原来的 Launch automatic page generator 这样的按钮等,所以我对我的文章也进行了修正,对于新版来说,步骤更加简单了。欢迎享用。 ------华丽丽的分割线,以下是在原版的基础上的修正版------- 学了前端小半年,如今写了个自己 阅读全文
posted @ 2020-06-16 15:10 航行远方 阅读(985) 评论(0) 推荐(0) 编辑
摘要: 一、首先要了解什么是块级元素与行级元素 块级元素 会占领页面的一行,其后多个block元素自动换行、 可以设置width,height,设置了width后同样也占领一行、同样也可以设置 margin与padding属性。 ps:常见的块级元素:div,img,ul,form,p等 行级元素 与其他元 阅读全文
posted @ 2020-06-16 15:07 航行远方 阅读(1044) 评论(0) 推荐(0) 编辑
摘要: 一、Flex 布局是什么? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline- 阅读全文
posted @ 2020-06-16 15:02 航行远方 阅读(3391) 评论(0) 推荐(0) 编辑
摘要: 1、垂直居中,学习flex布局以后,实现起来很方便; <style type="text/css"> .demo{ display: flex; width: 300px; height: 300px; border: 1px solid blue; justify-content: center; 阅读全文
posted @ 2020-06-16 14:53 航行远方 阅读(479) 评论(0) 推荐(0) 编辑
摘要: 一些最重要CSS3模块如下: 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面 1.CSS3边框: border-radius:CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 阅读全文
posted @ 2020-06-16 13:54 航行远方 阅读(354) 评论(0) 推荐(0) 编辑
摘要: 第一阶段:1、走入js2、玩转属性3、if语句和布尔值4、for和this4、ecma数据类型以及转换6、流程控制7、函数8、定时器和日起对象9、数组和字符串10、排序算法11、动画专题12、第一阶段实战 win7系统日历全实现 第一阶段是4周 8月26号开课 第二阶段1、ecma62、dom3、b 阅读全文
posted @ 2019-09-03 14:06 航行远方 阅读(108) 评论(0) 推荐(0) 编辑
摘要: <div id="container"> <h1>CSS3 3D变形制作视频展示区</h1> <div class="wrapper"> <div class="item"> <img src="http://pic2.qiyipic.com/image/20140415/4e/32/5f/v_10 阅读全文
posted @ 2018-04-18 16:43 航行远方 阅读(171) 评论(0) 推荐(0) 编辑
摘要: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> body{background:#eee;} h1{text-align:center;} .conte 阅读全文
posted @ 2018-04-18 16:23 航行远方 阅读(198) 评论(0) 推荐(0) 编辑