航行远方

2020年6月17日

摘要： animate.css的使用前面的话 animate.css是一个使用CSS3的animation制作的动画效果的CSS集合，里面预设了很多种常用的动画，且使用非常简单。本文将详细介绍animate.css的使用引入 animate.css的最新版本是3.5.2，引入animate.css很容易阅读全文

posted @ 2020-06-17 17:13 航行远方阅读(4246) 评论(0) 推荐(0) 编辑

几种常用移动端和pc端兼容标准

摘要： 1、移动端版本兼容用px var jsVer = 15; var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var ua = navigator.userAgent; if (/Andr 阅读全文

posted @ 2020-06-17 17:04 航行远方阅读(1523) 评论(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 航行远方阅读(131) 评论(0) 推荐(0) 编辑

github上传以及修改后同步

摘要：最近发现 github 改版了，已没有像原来的 Launch automatic page generator 这样的按钮等，所以我对我的文章也进行了修正，对于新版来说，步骤更加简单了。欢迎享用。－－－－－－华丽丽的分割线，以下是在原版的基础上的修正版－－－－－－－学了前端小半年，如今写了个自己阅读全文

posted @ 2020-06-16 15:10 航行远方阅读(944) 评论(0) 推荐(0) 编辑

inline-block，block和inline的区别

摘要：一、首先要了解什么是块级元素与行级元素块级元素会占领页面的一行，其后多个block元素自动换行、可以设置width，height，设置了width后同样也占领一行、同样也可以设置 margin与padding属性。 ps:常见的块级元素:div,img,ul,form,p等行级元素与其他元阅读全文

posted @ 2020-06-16 15:07 航行远方阅读(983) 评论(0) 推荐(0) 编辑

flex详细介绍

摘要：一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline- 阅读全文

posted @ 2020-06-16 15:02 航行远方阅读(3250) 评论(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 航行远方阅读(424) 评论(0) 推荐(0) 编辑

CSS3新增属性有哪些

摘要：一些最重要CSS3模块如下：选择器盒模型背景和边框文字特效 2D/3D转换动画多列布局用户界面 1.CSS3边框： border-radius：CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常容易的，在 CSS3 阅读全文

posted @ 2020-06-16 13:54 航行远方阅读(346) 评论(0) 推荐(0) 编辑

2019年12月30日

手机端rem配置及媒体查询

摘要：手机端rem配置及媒体查询手机端meta标签配置rem根据页面宽度调整根字体大小媒体查询px2rem插件在vue中的使用方法（把px转换为rem）手机端meta标签配置<meta name="viewport" content="width=device-width, initial-scale=1 阅读全文

posted @ 2019-12-30 17:40 航行远方阅读(648) 评论(0) 推荐(0) 编辑

2019年9月3日

8月26日笔记下

摘要：一、js用来作什么1、行为交互2、数据交互3、逻辑交互二、js的引用三种方式：1、行间js <div onclick="alert("我爱js")"></div>2、内部js <script>//这里放置js代码</sctript>3、外部js <script src="main.js"></sc 阅读全文

posted @ 2019-09-03 15:05 航行远方阅读(147) 评论(0) 推荐(0) 编辑

公告