随笔分类 -  css查漏补缺

摘要:主要是ul的设置,两点1、不能设置宽度2、负margin等于margin-left的值; 每个li的宽度计算方法等于li.width = (warp.width+margin-left)/li的个数-margin-left; 阅读全文
posted @ 2016-04-08 21:52 挥刀 阅读(296) 评论(0) 推荐(0)
摘要:position:relative可以默认提升元素的z-index; 相对没有添加position的元素来说; 阅读全文
posted @ 2016-04-08 17:34 挥刀 阅读(624) 评论(0) 推荐(0)
摘要:1 2 3 4 5 Document 6 12 13 14 15 16 17 18 19 20 21 22 阅读全文
posted @ 2016-04-08 17:26 挥刀 阅读(269) 评论(0) 推荐(0)
摘要:第一篇 我知道你不知道的负Margin 分类: Html/CSS | 转载请注明: 出自 海玉的博客 本文地址: http://www.hicss.net/i-know-you-do-not-know-the-negative-margin/ 核心内容: 为了形象、易懂的解释负margin,我们将引 阅读全文
posted @ 2016-04-08 15:54 挥刀 阅读(179) 评论(0) 推荐(0)
摘要:getBoundingClientRect()来获取页面元素的位置” 获取的是一个对象; 延伸阅读; https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=403029188&idx=2&sn=1088e273b855b75815edb2e797 阅读全文
posted @ 2016-04-07 00:11 挥刀 阅读(753) 评论(0) 推荐(0)
摘要:参数是scroll时候,必会出现滚动条。参数是auto时候,子元素内容大于父元素时出现滚动条。参数是visible时候,溢出的内容出现在父元素之外。参数是hidden时候,溢出隐藏。 阅读全文
posted @ 2016-04-05 17:28 挥刀 阅读(524) 评论(0) 推荐(0)
摘要:background-size:100%;其实是元素的背景图片的宽度和元素宽度相同,高度auto; 也可理解为:background-size:100% auto; 而background:cover;这个里面有两种情况; 第一种情况相当于:background-szie:auto 100%; 第二 阅读全文
posted @ 2016-03-30 10:38 挥刀 阅读(212) 评论(0) 推荐(0)
摘要:http://www.zhangxinxu.com/wordpress/2013/05/transition-visibility-show-hide/ 术语解释是: visibility: 离散步骤,在0到1数字范围之内,0表示“隐藏”,1表示完全“显示” 我的解释是: visibility:hi 阅读全文
posted @ 2016-02-16 16:16 挥刀 阅读(283) 评论(0) 推荐(0)
摘要:1 2 3 4 5 6 Document 7 24 25 26 27 28 List item 1 DELETE29 List item 2 DELETE30 31 32 33 34 50 51 阻止长按复制的事件发生主要由两部分构成;... 阅读全文
posted @ 2016-01-19 17:42 挥刀 阅读(298) 评论(0) 推荐(0)
摘要:移动端浏览网页元素时,自动给input和textarea添加了内部阴影的效果,只需加入样式即可去除1 input,textarea{-webkit-appearance: none;}1 input[type=button]{2 -webkit-appearance:none;3 o... 阅读全文
posted @ 2016-01-07 14:47 挥刀 阅读(322) 评论(0) 推荐(0)
摘要:1 a{ -webkit-tap-highlight-color:transparent;} 阅读全文
posted @ 2016-01-06 16:57 挥刀 阅读(439) 评论(0) 推荐(0)
摘要:相关文章 阅读全文
posted @ 2015-12-30 10:59 挥刀 阅读(1501) 评论(0) 推荐(0)
摘要:1 2 3 4 5 Document 6 13 14 15 16 1111111111111111111111111111111111117 218 219 220 221 222 23 26 27 28 阅读全文
posted @ 2015-11-11 13:17 挥刀 阅读(434) 评论(0) 推荐(0)
摘要:1 2 3 4 5 删除线实例 在线演示 www.divcss5.com 6 10 11 12 css样式实现删除线效果如下: 13 原价格为:700¥ 14 现价格:500¥ 15 16 s标签也有删除线效果,text-decoration:line-through; 阅读全文
posted @ 2015-11-09 18:17 挥刀 阅读(7034) 评论(0) 推荐(1)
摘要:1 2 3 4 5 css 布局 6 7 65 66 67 68 69 head 70 71 72 73 74 center 75 ... 阅读全文
posted @ 2015-11-05 23:47 挥刀 阅读(350) 评论(0) 推荐(0)
摘要:用js实现一个宽度自适应,高度随着宽度变化而变化的矩形,相信大家肯定都会。无非是js获取一下元素宽度,然后再计算出相应比例的高度,然后赋给元素,但如果要求只用CSS实现呢。 html代码如下, content css代码如下,复制代码.container{ width:100%; p... 阅读全文
posted @ 2015-11-05 19:56 挥刀 阅读(7778) 评论(0) 推荐(0)
摘要:1 2 3 4 5 css 文字的默认基线是对齐的 6 10 11 12 100000 元13 14 阅读全文
posted @ 2015-10-23 17:06 挥刀 阅读(730) 评论(0) 推荐(0)
摘要:1 2 3 4 5 padding-bottom布局 6 14 15 16 17 18 SKJFLDKLKSAL;19 20 21 22 30 31 34 35 阅读全文
posted @ 2015-10-23 16:35 挥刀 阅读(1185) 评论(0) 推荐(0)
摘要:1 2 3 4 5 Document 6 15 16 17 18 19 20 21 s22 23 24 25 26 28 29 学习内容源自:http://www.cnblogs.com/constantince/p/... 阅读全文
posted @ 2015-10-22 10:54 挥刀 阅读(185) 评论(0) 推荐(0)
摘要:1 text-indent:2em;这个属性就可以缩进,但是2em不确定是什么意思;抽空总结一下 阅读全文
posted @ 2015-10-16 13:31 挥刀 阅读(267) 评论(0) 推荐(0)