摘要: 设置父盒子 box sizing:border box 属性,这时盒子内容区就不受边框影响,始终为100px 200px 但是,父盒子还是放不下 为什么会出现这种情况呢,因为两个子盒子之间有一个空白文本节点, inline 和 inline block 是内联布局,既然是内联那么就会受空白区域的影响 阅读全文
posted @ 2018-01-26 17:46 zhangce 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 移动端采用rem适配非常方便 比如在iphone6尺寸下,将html font size 设置为 100px,那么写css时,只要将尺寸/100 + rem 即可。 在iphone6Plus尺寸下,html font size会自动调节,兼容多种尺寸的手机 以下是js代码,复制到你的项目中即可使用 阅读全文
posted @ 2018-01-26 16:50 zhangce 阅读(3509) 评论(0) 推荐(0) 编辑
摘要: nth child(n) 但是如果子元素是混乱的,比如: nth child(2)会选择第2个子元素,而且子元素必须是span,但是没找到(第二个子元素为p) nth child(3)会选择第3个子元素,而且子元素必须是span 相关 nth last child(n) 从后往前找子元素 nth o 阅读全文
posted @ 2018-01-26 11:51 zhangce 阅读(11458) 评论(0) 推荐(1) 编辑
摘要: + 选择紧随元素后的元素 由于li标签是相连的,所以除第一个li外,其后的所有li都有了左侧的边框 当选择 id="plus" 后的 li 时 ,只会命中一个 ~ 选择元素后的所有指定元素 阅读全文
posted @ 2018-01-26 10:37 zhangce 阅读(227) 评论(0) 推荐(0) 编辑