摘要：
谈到布局，首先就要想到定位，当别人问我，css的position定位有哪些取值，分别表示什么意思？呃.....抓头.gif，是时候回归本质，看定义了。 1. 定位 1.1 position position有六个属性值：static、relative、absolute、fixed、sticky和in 阅读全文
摘要：
CSS—总结常用垂直居中方法 1、text-align与line-hight方法实现居中 这是比较常用的方法。通过line-hight来设置行间距是实现垂直居中的关键 .wrap{ width: 500px; heidth: 200px; line-height:200px; background: 阅读全文
摘要：
圣杯布局的三种实现 圣杯布局是一种很常见的css布局。他要求： 上部和下部各自占领屏幕所有宽度。 上下部之间的部分是一个三栏布局。 三栏布局两侧宽度不变，中间部分自动填充整个区域。 中间部分的高度是三栏中最高的区域的高度。 本文会用三种方法来实现圣杯布局，分别是浮动，flexbox以及css gri 阅读全文
摘要：
BOOTSTRAP CSS 网格是实现响应式页面设计的利器，但至于它的工作原理，大多数时候对开发人员应该是一个黑盒。很少有人想知道它背后是如何工作的。直到你自已设计的页面无法满足一个复杂的需求，或者设计出来的页面显示怎么也达不到你的预期。你真的会像丈二和尚摸不着头脑。直到我看到了一篇国外开发人员写的 阅读全文
摘要：
简评：Debug CSS 是一种很耗时的操作，如果有良好的命名规范可以节约很多的 Debug 时间。 使用连字符（'-'）分隔字符串 你可能习惯了在 Javascript 中使用小驼峰的命名方式： var redBox = document.getElementById（'...'） 但是在 CSS 阅读全文
摘要：
当页面上有过多文字的时候，往往需要省略显示，CSS可以很方便的做到这点。 单行文本省略显示 width: 68%; // 需要固定一个宽度 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行文本省略显示(适用于WebK 阅读全文
摘要：
css选择器的权重 1第一种情况： 样式表中只有单一样式： 即 内联>id>class>元素 #id{} .class{} p{} 2第二种情况： 组合选择器 从左往右逐个比较，按a,b,c,d 进行比较 越大权重越高。 权限值生成方法 按权重由高到低书写,不按选择器的顺序写 eg: /*bbc * 阅读全文
摘要：
前端知识点总结——C3 1.复杂选择器 1.兄弟选择器 兄弟元素：具备相同父元素的平级元素之间称为兄弟元素。 1.相邻兄弟选择器 作用：获取紧紧挨在某元素后的兄弟元素 语法：选择器1+选择器2{} 注意：兄弟选择器，只能向后找，不能向前找 2.通用兄弟选择器 作用：获取某元素后所有满足条件的兄弟元素 阅读全文
摘要：
在为移动设备制作网页的过程中，你可能会遇到下述奇怪的现象：当你为一个按钮设置样式，并在浏览器打开模拟器查看效果时，一切都很美好。 但当你使用真机测试时，你的按钮却变成了下面这个样子： 而且即使你使用终极禁术 border-radius: 0 !important 也还是没用。 这是因为在移动设备中， 阅读全文