HTML/CSS
关注
分享
扫一扫
DayDreamWMM
这个作者很懒，什么都没留下…
展开
-
css中margin负值的使用
负值在position为static/relative时使用：不破坏文档流，相对于自身进行移动，多行多列元素去边框时可用。负值在float样式中的使用使用负值，会把当前的float元素的z-index变大，从而覆盖掉前面的float元素，负值为百分比的时候，百分比是相对于整个屏幕的，著名的双飞翼样式就是利用了margin负值这个属性负值在absolute中的使用会相对于自身进行移动，可以给确定了宽高的元素进行垂直居中定位，不确定宽高的绝对定位元素可以使用transition：transform(-原创 2020-06-07 10:00:57 · 311 阅读 · 0 评论 -
判断实例对象类型typeof/instanceof/Object.prototype.toString.call
判断实例对象类型有三种方式typeofinstanceofObject.prototype.toString.call(arrName)typeof: 可以判断出实例的类型，但是不能区分null，typeof null === objectconsole.log(typeof null) // objectinstanceof 用于检测构造函数的prototype属性是否出现在某...原创 2020-03-18 11:44:04 · 235 阅读 · 0 评论 -
原生JS轮播图
思路：下层放轮播图片，图片上层放置小圆点，点击小圆点的时候图片随着切换。 具体代码如下： <!DOCTYPE ><html> <head> <meta charset="utf-8" /> <style> div,ul,li,img,body{ margin:0px;原创 2017-06-22 10:55:49 · 394 阅读 · 0 评论 -
Margin负边距使用之双飞翼布局
Margin负边距使用之双飞翼布局在页面布局中，经常会遇到左右两边宽度固定中间自适应的布局需要，其中有一个很巧妙的方式叫双飞翼布局。双飞翼是由淘宝玉伯等前端大牛提出的一种多列布局方法，主要利用了浮动、负边距、相对定位三个布局属性，使三列布局就像小鸟一样，拥有中间的身体和两侧的翅膀。下面是是实现原理：原创 2017-06-09 18:15:48 · 1479 阅读 · 2 评论 -
CSS中position:fixed实现div居中及div内元素实现居中的方法
position:fixed实现div居中代码如下：div{ position:fixed; margin:auto; left:0; right:0; top:0; bottom:0; width:200px; height:150px;}如果只需要左右居中，那么把 bottom:0; 或者 top:0; 删掉即可 如果只需要上下原创 2017-07-10 13:25:47 · 4016 阅读 · 0 评论 -
JS someNode.chidren和someNode.childNodes的区别
我们首先写一个包含子节点的代码块：<div id='main'> Apple <div>Paper</div> <div>Pig</div> <div>Coa</></div>DOM树 我们用console.log（）分别输出一下document.getElementById(“main”).children和document.getElementById(“ma原创 2017-08-28 11:58:36 · 729 阅读 · 0 评论 -
点击切换图片的底部导航
点击切换图片的底部导航随着H5的兴起，APP风格的页面成了切页面的日常，写底部导航时，在网上找的没有找到合适的，就自己试着用jQuery实现了一下，希望能有帮助UI给的切图是这样的，不得不说，很贴心，哈哈哈哈。 实现结果是这样的： 三个tab是一样的，所以这里可以用事件代理，点击事件的添加，有关事件代理的详细信息看这里：https://www.cnblogs.com/liu...原创 2018-03-07 11:46:42 · 4028 阅读 · 7 评论 -
cordova调用定位并用BMap转为具体地址代码
版本号 1.0.0原创 2018-12-12 17:57:42 · 322 阅读 · 1 评论