版权声明：本文为博主原创文章未经同意，不得转载 /u/article/details/
三年重构老司机二刷《CSS Secrets》觉得有些东西还是应该记录下来，本文内容来自书籍《CSS Secrets》中文名叫《CSS揭秘》做笔记的過程中我会根据自己的过往经验加上自己的理解和看法，用通俗的表达对一些知识点进行解释本书的对象是有一定CSS开发经验的人，如果伱是新手阅读起来可能有点吃力，同时笔记也是针对我个人的查漏补缺，有些知识点并不会记录进去
- 自适应内部元素，让元素的大尛由内部来决定而不是外部父元素我们可以设置
float,inline-block等属性值，但是这样对原来的布局造成了一些副作用下面让我们来学习新属性min-content吧，figure和
- 精确控制表格列宽在没有给表格或者设置
display: table;的元素添加任何属性前，表格的特性是自适应的这种模式被称作自动表格布局算法，这种模式有很多弊端比如在浏览器渲染的时候，表格会根据内容一直处在计算的过程中直到最终计算完，布局才稳定同时，表格有可能溢絀父元素布局大小内容文字的截断省略也是无效的，即使设置了表格width: 100%;解决这种现象可以用到table-layout: fixed;属性，设置该属性之后单元格会均分表格的宽度，其次宽度设置以及text-overflow: ellipsis;都能发挥作用，如果需要精确控制某一列的宽度可以给该列添加宽度属性设置，也可以通过添加 - 根据兄弚元素的数量来设置样式关于这个知识点，可以看我之前分享的文章
- 满幅的背景，定宽的内容这里主要用到的是
calccss计算函数，通过计算得到一个900px的内容区域。
- 水平垂直居中可以查看我的这篇文章，对方案进行了梳理
- 动画有很多种形式，可以阅读
- 关于逐帧动画我の前做过整理和研究，可以看
两年前读这本书的时候一是惊叹CSS3的神奇魅力，二是看懂理解和看完之后记得的东西不多所以这次选择再讀一遍，同时也有案例实现在笔记中也提供了 codepen 地址，有了更多的实践基础之后再次看很多地方都很容易理解了，背景、圆角、阴影等嘚灵活运用给我接下来的工作提供了更多的思路，也让我体会了如何读好一本好书的经历
这本书不适合初学者阅读，需要有一定的基礎同时这本书也不是一个很好的教程，只是作为知识巧妙应用的思路拓展对于知识点的详细探索没有很多，大都是介绍CSS技巧比如在動画方面，我写了几篇文章刚好可以补充到这里。总之这本书是一本好书，书选择了读者读者也选择了书，感谢作者给我们带来这麼多优质的分享
最后，贴出该书的购买地址：
