会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
航行远方
博客园
首页
新随笔
联系
订阅
管理
1
2
下一页
2020年6月17日
animate.css使用方法
摘要: animate.css的使用 前面的话 animate.css是一个使用CSS3的animation制作的动画效果的CSS集合,里面预设了很多种常用的动画,且使用非常简单。本文将详细介绍animate.css的使用 引入 animate.css的最新版本是3.5.2,引入animate.css很容易
阅读全文
posted @ 2020-06-17 17:13 航行远方
阅读(4390)
评论(0)
推荐(0)
2020年6月16日
input各种(容易忘备份一下)
摘要: <!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 航行远方
阅读(135)
评论(0)
推荐(0)
github上传以及修改后同步
摘要: 最近发现 github 改版了,已没有像原来的 Launch automatic page generator 这样的按钮等,所以我对我的文章也进行了修正,对于新版来说,步骤更加简单了。欢迎享用。 ------华丽丽的分割线,以下是在原版的基础上的修正版------- 学了前端小半年,如今写了个自己
阅读全文
posted @ 2020-06-16 15:10 航行远方
阅读(1054)
评论(0)
推荐(0)
inline-block,block和inline的区别
摘要: 一、首先要了解什么是块级元素与行级元素 块级元素 会占领页面的一行,其后多个block元素自动换行、 可以设置width,height,设置了width后同样也占领一行、同样也可以设置 margin与padding属性。 ps:常见的块级元素:div,img,ul,form,p等 行级元素 与其他元
阅读全文
posted @ 2020-06-16 15:07 航行远方
阅读(1174)
评论(0)
推荐(0)
flex详细介绍
摘要: 一、Flex 布局是什么? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline-
阅读全文
posted @ 2020-06-16 15:02 航行远方
阅读(3526)
评论(0)
推荐(0)
flex常用实例
摘要: 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 航行远方
阅读(526)
评论(0)
推荐(0)
CSS3新增属性有哪些
摘要: 一些最重要CSS3模块如下: 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面 1.CSS3边框: border-radius:CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3
阅读全文
posted @ 2020-06-16 13:54 航行远方
阅读(371)
评论(0)
推荐(0)
2019年9月3日
8月26日笔记
摘要: 第一阶段: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 航行远方
阅读(116)
评论(0)
推荐(0)
2018年4月18日
CSS3 3D变形制作视频展示区
摘要: <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 航行远方
阅读(190)
评论(0)
推荐(0)
css3动画效果
摘要: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <link href="images/main.css" rel="stylesheet" type="text/css"> </head> <body
阅读全文
posted @ 2018-04-18 16:23 航行远方
阅读(246)
评论(0)
推荐(0)
1
2
下一页
公告