摘要: 今天写东西遇到了这样一个问题,一个div的宽度不固定,设置成20%,现在想让这个div变成正方形,高度也设置成20%,不管用! 最后寻找各种方法尝试 方法一: <div class="circle"> </div> .circle{width: 20%; padding-top: 100%; },因 阅读全文
posted @ 2017-03-06 20:39 呼叫芭比 阅读(7852) 评论(0) 推荐(0) 编辑
摘要: 如果想让一个div或一张图片相对于整个页面居中,用vertical-align:middle可以很简单地解决。 阅读全文
posted @ 2017-03-03 23:04 呼叫芭比 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 今天调试代码的时候发现ie7下的<li>不会横向排成一行,而是各占一行竖直排列, 最后查找原因发现是ie7不支持inline-block这个属性, 解决方法:1、在相关css代码下边添加 display: inline;zoom:1;即可实现横向一行排列 2、其实加上float:left;也可以,但 阅读全文
posted @ 2017-03-02 15:09 呼叫芭比 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 在应该设置padding值的元素css下加上如下代码,这段代码属于css3的范畴,注意兼容性 -moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing 阅读全文
posted @ 2017-02-28 11:11 呼叫芭比 阅读(1789) 评论(0) 推荐(0) 编辑
摘要: 今天把我写的一个网页发给老师了,他在电脑上显示的时候网页内容都错位了,我在代码head部分添加了 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale 阅读全文
posted @ 2017-02-27 20:15 呼叫芭比 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 行高=文字尺寸+行距; 一般情况下,浏览器默认的line-height为1.2。可以自定义 line-height 覆盖这个初始值,那么该怎样设置line-height呢?有以下5种方式: 一般来说设置为1.5e之类的最好,行高可以根据自己缩放而改变 阅读全文
posted @ 2016-12-25 21:22 呼叫芭比 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 如果真的很难理解的话,就在纸上画那些边框,就容易懂了 1、当如下设置代码并赋给div相应的属性时: #sider2{ width: 100px; height: 100px; border-top: 30px solid #000; border-right: 30px solid #ff0000; 阅读全文
posted @ 2016-12-24 14:06 呼叫芭比 阅读(227) 评论(0) 推荐(0) 编辑
摘要: setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method setTimeOut(method,时间)//此处的时间单位是毫秒 eg:setTimeout('showTim 阅读全文
posted @ 2016-12-24 00:23 呼叫芭比 阅读(224) 评论(0) 推荐(0) 编辑
摘要: jQuery:has()和jQuery:contains()两个方法比较类似。不同点在于: has是判断标签的 contains是判断文本的 1、jQuery:has() <div><p>Hello</p></div> <div>Hello again!</div> $("div:has(p)"). 阅读全文
posted @ 2016-12-21 22:35 呼叫芭比 阅读(6079) 评论(0) 推荐(0) 编辑
摘要: jQuary--可见筛选选择器 阅读全文
posted @ 2016-12-21 19:48 呼叫芭比 阅读(177) 评论(0) 推荐(0) 编辑