摘要：为其table定义宽度，并使用 table-layout : fixed ，结合white-space:nowrap 实现例如：tableLayout 属性用来显示表格单元格、行、列的算法规则。固定表格布局：固定表格布局与自动表格布局相比，允许浏览器更快地对表格进行布局。在固定表格布局中，水平布局仅... 阅读全文

摘要：如图我把head这个div的position设为fixed的但是下面所有的div好像都往上去了，就像是把head这个div从文档流中给拉出来了一样position设为fixed会脱离文档流的，你设置一个margin-top等于那个head的高，这样就好了追问：我看了下极客学院的页面他们就没设置，但是... 阅读全文

摘要：这种非标准的属性目前不被推荐。我们一般会找一个可以替代的方法来完成相同的功能，不到外不得已，最好别用。CSS的这个text-rendering属性通常被用在Windows和Linux系统中，用来给渲染引擎提供信息，让文本在速度和可读性方面得到优化（控制显示在线字体的微妙细节）。目前只有Firefox... 阅读全文

摘要：zoom这个特性是IE特有的属性。zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大的问题，功能相当于overflow:auto，同样也可以用height:1%来代替zoom:1。所以一般要在浮动元素的父元素加上overflow:auto；zoom:1;。这样，子元素浮动，父元素... 阅读全文

摘要：Autoprefixer根据 Can I use 的 数据，按需给无前缀代码自动加厂商前缀。输入：a { display: flex;}输出：a { display: -webkit-box; display: -webkit-flex; display: -ms-flexb... 阅读全文

摘要：如果箭头不需要边框效果，一个元素搞定了:before 或者 ：after （content：" "） 都可以完成如果需要边框效果，一般都是由两个元素，设置不同的颜色和显示位置，从而有了边框的效果如：before和after一起使用** 定义before-after选择器 **/.before-a... 阅读全文

摘要：用before after给input做了一个带有箭头的div（箭头有边框效果：所以before after都用了，颜色不同，通过控制位置－》箭头有边框效果）hover到input上，展示带箭头的div的地方接触不好，放到input上也没有hover效果（接触地方）给input设置z－index不起... 阅读全文

摘要：.inner-table { tbody{ tr:nth-child(odd) { background-color: #ffffff; } tr:nth-child(even) { background-color: #f9f9f9; } }... 阅读全文

摘要：前面花了几个篇幅着重介绍了CSS的选择器的使用，我将其分成三个部分：CSS基本选择器、CSS属性选择器以及CSS伪类选择器。那么今天我主要想和大家一起来学习——CSS选择器方面的性能优化。因为对性能这一块一直都是很弱的，所以今天先从选择器开始入手，加强自己。如果你也感兴趣那就跟我一起来吧。浏览器如何... 阅读全文

摘要：当元素设置position:absolute时，会脱离正常文档流，后面元素会忽略该元素－》覆盖可以给元素设置min-height解决－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－postion属性定义了一个元素在页面布局中的位置以及对周... 阅读全文

摘要：默认情况下label、span 设置width 是无效的，只有当display:block时，我们所设置的width才有效果，但这样会换行不换行可以使用display:inline-block;（另外label设置 position:absolute时，width也是有效果的）总体概念block和i... 阅读全文

摘要：css选择器一般可以分为三种：标签选择器、类选择器和ID选择器。而后代选择器和群组选择器只是对上面三种选择器的扩展应用。还有在标签内写style=""的方式，应该是css的一种引入方式，而不是选择器。-后代选择器，如 .polaris span img{}-群组选择器，如 div,span,img{... 阅读全文