- 博客(43)
- 收藏
- 关注
RSS订阅转载 $('div a') 与$('div>a')的区别
$('div a'):div标签下所有层次a元素的jquery对象$('div>a'):div标签下子元素层次a元素的jquery对象转载于:https://www.cnblogs.com/Isabel4u/p/11219454.html
2019-07-20 21:51:00
257
转载 transform:translate(-50%,-50%)实现水平垂直居中
.content { padding:10px; background:green; color:#fff; position:absolute; top:50%; left:50%; border-radius: 5px; -webkit-transform: translate(-50%,-50%); -moz-transform...
2019-04-25 16:51:00
1078
转载 box-sizing (摘录)
//http://www.jianshu.com/p/e2eb0d8c9de6box-sizing其它的值content-box描述：在宽度和高度之外绘制元素的内边距和边框。border-box描述：为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制inherit描述：继承 父元素box-s...
2017-11-10 14:56:00
141
转载 JavaScript里面三个等号和两个等号的区别
== equality 等同，=== identity 恒等。==， 两边值类型不同的时候，要先进行类型转换，再比较。===，不做类型转换，类型不同的一定不等。下面分别说明：先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等：1、如果类型不同，就[不相等]2、如果两个都是数值，并且是同一个值，那么[相等]；(！例外)的是，如果其中至少一个是NaN，那么[不相...
2017-09-04 17:38:00
141
转载 querySelector与getElementBy的区别
1，querySelector() 方法返回匹配指定 CSS 选择器元素的第一个子元素。 该方法只返回匹配指定选择器的第一个元素。如果要返回所有匹配元素，需要使用 querySelectorAll() 方法替代．由于querySelector是按css规范来实现的，所以它传入的字符串中第一个字符不能是数字.,2，query选择符选出来的元素及元素数组是静态的，而getEle...
2017-08-24 22:28:00
200
转载 -ms、-moz、-webkit -o
-ms-transform:rotate(7deg); //-ms代表ie内核识别码-moz-transform:rotate(7deg); //-moz代表火狐内核识别码-webkit-transform:rotate(7deg); //-webkit代表谷歌内核识别码-o-transform:rotate(7deg); //-o代表欧朋【opera】内核识别码tran...
2017-08-23 13:51:00
68
转载 css动画-animation各个属性详解（转）
CSS3的animation很容易就能实现各种酷炫的动画，虽然看到别人的成果图会觉得很难，但是如果掌握好各种动画属性，做好酷炫吊炸天的动画都不在话下，好，切入正题。一、动画属性：动画属性包括：①animation-name，②animation-duration，③animation-timing-function，以下是各属性详解：1、animation-name：指定...
2017-08-21 22:32:00
258
转载 :before和::before的区别
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应该尽可能养成好习惯，区分两者。双冒号是在当前规范中引入的，用于区分伪类...
2017-08-19 23:22:00
440
转载 direction: rtl;
这个属性，有点无语，费了点时间。<style type="text/css"> .hao {direction: rtl;}</style><section class="hao"> <span>你好</span><span>再见</span> </section>只是把...
2017-08-17 15:19:00
1374
转载 body里面的onload和window.onload，window.load的区别
区别：body里面的onload是在“页面加载完成后执行的动作”window里面的onload是在“页面加载时执行的动作”window.load这个应该只是表明事件方法，但并未执行，比如click表示点击事件，但他并未执行，必须用上onclick他才会执行例子：在html页面中有一个大图片，想要在图片显示出来后提示一个消息框“图片加载完成”，如果你直接写在JS里function（...
2017-08-16 15:37:00
234
转载 init()；
<script language="javascript" type="text/javascript">window.onload = function(){ init( );}function init(){var TestStrA = "abc";var TestStrB = "def";var TestStrC = TestStrA + TestStrB;alert...
2017-08-16 15:30:00
650
转载 dataTransfer对象
HTML5拖拽的数据传输 虽然通过dragstart、drag和dragend事件实现了原生拖拽。但是这仅仅是拖拽，在IE6和IE7中还是有些拖拽问题，并且也没有实现数据的交换。为了实现数据的交换，IE5引入了dataTransfer对象。dataTransfer对象是事件对象的一个属性，用于从被拖拽元素相放置目标传递字符串格式的数据。因为它是事件对象的属性，所以只能在拖放事...
2017-08-16 14:50:00
381
转载 HTML 5 拖放 drag dragend dragover ....
拖放（Drag 和 drop）是 HTML5 标准的组成部分。 //http://www.w3school.com.cn/html5/html_5_draganddrop.aspdataTransfer.setData() 方法设置被拖数据的数据类型和值dragstart：当被拖拽元素开始被拖拽时触发drag：当被拖拽元素被拖拽时触发dragenter：当被拖拽元...
2017-08-15 02:31:00
782
转载 (function(){…})(); 与 (function(){…}());
从结果上来说，个人的意见是：他们是一样的。转载于:https://www.cnblogs.com/Isabel4u/p/7338840.html
2017-08-10 13:43:00
80
转载 transition:all .2s
all属性实际上是所有CSS属性的缩写，表示，所有的CSS属性都怎样怎样。转载于:https://www.cnblogs.com/Isabel4u/p/7297515.html
2017-08-07 09:16:00
1921
转载 js中触摸相关变量touches,targetTouches和changedTouches的区别
touches:当前屏幕上所有触摸点的列表; targetTouches:当前对象上所有触摸点的列表; changedTouches:涉及当前事件的触摸点的列表通过一个例子来区分一下触摸事件中的这三个属性：用一个手指接触屏幕，触发事件，此时这三个属性有相同的值。用第二个手指接触屏幕，此时，touches有两个元素，每个手指触摸点为一个值。当两个手...
2017-08-04 18:25:00
296
转载 js中(function(){…})()立即执行函数写法理解
http://blog.csdn.net/u010958922/article/details/47007589https://zhidao.baidu.com/question/558917999?&oldq=1转载于:https://www.cnblogs.com/Isabel4u/p/7268802.html
2017-08-01 15:29:00
42
转载 透明背景上的字体也跟着颜色变浅
不要使用opacity来设置，因为这样会减低div标签整体的透明度，包括里面的内容，用rgba。还不行就试试用z-index。转载于:https://www.cnblogs.com/Isabel4u/p/7100887.html...
2017-06-30 22:17:00
614
转载 Ps去除背景
http://www.16xx8.com/photoshop/jiaocheng/26905.html转载于:https://www.cnblogs.com/Isabel4u/p/7000252.html
2017-06-13 11:29:00
73
转载 apply()
参见http://blog.csdn.net/business122/article/details/8000676a)Math.max可以实现得到数组中最大的一项因为Math.max参数里面不支持Math.max([param1,param2])也就是数组但是它支持Math.max(param1,param2,param3…),所以可以根据刚才apply的那个...
2017-06-03 10:52:00
54
转载 RGBA与Opacity
rgba(r,g,b,a)都与透明度有关，rgba不会影响文字，opacity则会。转载于:https://www.cnblogs.com/Isabel4u/p/6909742.html
2017-05-26 17:46:00
74
转载 关于FlexSlider插件
Flexslider选项设置$(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //图片变换方式：淡入淡出或者滑动 slideDirection: "horizontal", //图片设置为滑动式时的滑动方向：左右或者上下 slid...
2017-05-26 16:37:00
184
转载 CSS3 ::selection 选择器
::selection{color:#ff0000;}::-moz-selection{color:#ff0000;}详见 http://www.css88.com/archives/5169这个属性很酷哎，用鼠标选中的那部分就能出现自己设置的样式。转载于:https://www.cnblogs.com/Isabel4u/p/6904534.htm...
2017-05-25 16:28:00
116
转载 css中display:inline-block display:-moz-inline-box display:-moz-inline-stack 的区别
很多时候我们必须使一些块元素并排显示，一般想到的是必须使用浮动，但是块元素浮动给边距(margin)的时候在IE下会出现加倍的BUG，所以很多时候不得不把这个块元素套在一个内联元素里面，然后给内联元素浮动和边距。今天看到这篇文章不错 就COPY 过来 希望大家做个参考：display:inline-block简单来说就是将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内...
2017-05-25 11:21:00
210
转载 页面底部出现大片空白
第一次遇到这种情况，通过删除多余的html 解决了。转载于:https://www.cnblogs.com/Isabel4u/p/6900393.html
2017-05-24 18:32:00
1884
转载 关于z-index
1，所有定位了的元素在没有被定位的元素前面。（一个元素被定位的意思这里指的是它有一个position属性，但是不是static，而是relative,absolute，fixed）2, Z-index属性只作用在被定位了的元素上。z-index会创建一个堆叠的上下文（Stacking Contexts），我们可以理解为一个层。3,当一个元素创建一个层，那么它的所有子元素都会受...
2017-05-22 16:41:00
105
转载 根元素
1，XML文档中的第一个元素就是根元素 。2，指的是整个文档树里没有父元素的为根 。3，每一个网页都有一个默认的层叠上下文。 这个层叠上下文的根源就是html元素。转载于:https://www.cnblogs.com/Isabel4u/p/6889730.html...
2017-05-22 15:34:00
1468
转载 role="navigation"
HTML5的标签属性，可以用于标识一个普通的标签，使之语义化，方便浏览器对其具体功能进行识别。 例如div容器制作的导航栏，加上role="navigation"，就可以让浏览器知晓这是一个导航容器而不是一个普通的容器，从而在面对一些特殊人群的时候可以做出正确的反应（例如盲人）……当然，针对题目中的这种用法，其实用<nav>标签会更好。 ---------from 知乎...
2017-05-20 10:11:00
1574
转载 class="no-js"
这是什么意思？看了外网的解释，比较明白了。（When Modernizr runs, it removes the "no-js" class and replaces it with "js". This is a way to apply different CSS rules depending on whether or not Javascript support is ena...
2017-05-19 20:42:00
427
转载 块级元素和内联元素的区别与转换
块级元素(block)：address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li总是独占一...
2017-05-18 16:03:00
144
转载 background属性解释
如background: url(images/img1.jpg) no-repeat 0 0;其中的 0 0，前一个是横坐标上的数，后一个表示纵坐标上的数，而很神奇的是，作为参考的坐标原点不是永远都是唯一的body左上角，而是最近的左上角。由此能做成图片上下左右都无间距的效果。转载于:https://www.cnblogs.com/Isabel4u/p/6872194.h...
2017-05-18 10:47:00
162
转载 关于页面缩进
按F12去呈现源码的时候，有的页面的排版会乱掉，有的却能往一边缩进，排版仍然整齐。做了几个试验，得出的结果是，无论是用left还是margin-left,absolute还是relative,关键是用百分数（%）设间距，而不是具体的px。还有一种就是设为页面居中，则F12出现时，排版不会乱掉。设为中间的办法，水平居中的text-align:center（只针对字体） 和 marg...
2017-05-16 17:32:00
168
转载 为什么css定位雪碧图（合成图）都要以负号开头？
(1)正常来说 定位坐标是以 合成图片 左上角这个点作为原点（0px，0px）开始读取的， 而你的图片全都在坐标系的 第四象限 background-position： x y；（x，y为数值或百分比）第一个值是水平位置，第二个值是垂直位置。来定位图片的 那么x是正的，y 是负值。 (2)至于以负值开头这种情况： 多半是你用在线生成器 生成雪碧图片，那么自带生成的 css 定位...
2017-05-13 09:58:00
212
转载 用em包图片记
像这种很常见的字体旁边带图标的,很多都是用em的background去实现。<li><em class="wx"></em><a href="">微信登陆</a></li>.nav-top .wx{background: url(images/wx.png) no-repeat;padding: 1px ...
2017-05-12 19:08:00
154
转载 如何让多出的文本用省略号表示
<div class="bigg"> <nobr><img src="images/you.png">2017夏季学生韩版显瘦百搭卡通刺绣半袖圆领上衣女</nobr> </div>.bigg{width: 230px;overflow:hidden;text-overflow:ellipsis}...
2017-05-12 10:01:00
93
转载 清除浮动
一排竖着的图片，唯这一张跟在上一个div的后面，使之无法直接用float=left来横向排列，方法是把这一张设为clear:both;再用float=left,设为clear:left;也可以。为啥图片在右边浮动，却是用的clear：left去解决？因为它是为了对抗上一个float:left; ,float会影响相邻元素，clear用的比较多是因为，在抗浮动的处理中，我们都是使用cl...
2017-05-11 17:18:00
64
转载 相对定位和绝对定位 left和margin-left
1.直接在css中设置left生效的前提是必须设置父容器position:absolute或relative，如果不设置则会以最近一个定位的父对象为参考点,。margin-left则不用设position也可以用。2，通常情况下，我们元素的position属性的值默认为static 就是没有定位，这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有...
2017-05-11 09:39:00
152
转载 href='#' 和 href='###'
如果想定义一个空的链接，又不跳转到页面头部，可以写href="###"。 详细解释就是'#' 是有特定意义的，如果 '#' 后有内容会被认为是一个标签而从页面找到相应标签跳转到该处，找不到时会跳到页首， '###' 其实就是一个无意义的标签指定，也就是一个 '#' 和不存在的标签 '##' 的组合，页面中找不到命名为 '##' 的 &...
2017-05-10 16:13:00
238
转载 css下拉菜单
<li class="drop"> <a href=""> 帮助中心 <em class="arrow"></em> </a> <ul class="down">...
2017-05-10 14:20:00
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人