- 博客(9)
- 资源 (3)
- 收藏
- 关注
原创 ID在一个页面的唯一性
原来对于ID唯一性的理解居然以为是在一个项目中ID号得是唯一的.然而,今天在学习的时候:id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的因而在不同的页面使用相同的ID号还是可以的.然后再比较jquery的类选择器与js原生
2016-11-24 14:36:11 4134
原创 轻松实现水平垂直居中,不用css expression以及jq
在div盒子的大小确定的情况下,我们可以通过css的calc方法来实现水平垂直居中.首先要先理解盒子模型例如: .wrap .con { /*利用CSS3的calc() ,它的用法类似于函数,能够给元素设置动态的值:*/ /*(父级的宽度 - 自身的宽度)的一半当做padding的值*/ paddi
2016-11-24 14:35:10 610
原创 制作特殊的底框
html: 略略 略 略 略 略略 略 略 略 略略 略 略 略 略略 略 略 略 略略 略 略 略 略略 略 略 略 略略 略 略 略 略略 略 略 略 略略 略 略 略 略略 略 略 略
2016-11-16 12:07:35 262
原创 pop 弹出层
最近好像做了很多弹出层但并不一定是嘴简单代码的.基本上是一样样式的,所以贴上来分享一下.html:divclass="take_money"> divclass="take_money_inner"> divclass="img_box"> img
2016-11-16 12:03:09 696
转载 box-shadow 制作单边阴影效果,不影响其它边的效果
以前在使用box-shadow制作单边阴影效果的时候发现或多或少会影响其它边的展示效果.今天在阅读文章的时候,终于发现了一个解决的方法.就是利用box-shadow中的一个参数.spread来解决这个问题.首先我们先要区分box-shadow:0 10px 10px #ccc;box-shadow:0 10px 10px -10px #ccc;首先,我们应当认知到这两种书写
2016-11-15 14:47:38 19753 1
翻译 display flex
只能说最近么特懒,很多笔记都没有做哈,但是昨天反思了一下自己,所以还是决定把这篇很重要的补上.翻下mozilla的参考文档.在关于display属性的叙述中我们可以看到这么一段.flex属性是Flexbox模型是属于css3的.所以终归而言,就需要我们熟悉使用css弹性盒子CSS3 弹性盒子(Flexible Box 或 Flexbox),是一种布局方式,当页面需要
2016-11-15 12:24:32 404
转载 hasLayout,触发旧IE版本下的诡异bug
hasLayout可以简单看作是IE5.5/6/7中的BFC(Block Formatting Context)。也就是一个元素要么自己对自身内容进行组织和尺寸计算(即可通过width/height来设置自身的宽高),要么由其containing block来组织和尺寸计算。而IFC(即没有拥有布局)而言,则是元素无法对自身内容进行组织和尺寸计算,而是由自身内容来决定其尺寸(即仅能通过line-h
2016-11-09 16:32:39 210
FastStone Capture
2017-03-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人