这款简单的应用程序允许学习者使用Flexbox的各种功能，并在屏幕上实时查看结果以及代码。学习者还可以编辑框中的文本，并查看框内布局的响应情况。这种有趣的学习方式让学习变得轻松又容易。

通过这两种工具，你可以在便于操作的界面中使用CSS创建出色的模式。借助这些工具，可以创建出炫酷的操作模式，并轻松用于CSS直接编写的网站上：·Patternizer·Patternify

此工具可帮你创建并导出自定义框的代码，并可随意调整该自定义框的箭头方向。尽管从头开始编写代码听起来很复杂，但它只需单击几下即可提供代码。获得代码后，你就可以调试代码并做些微调，例如添加阴影等。

这款一体化的工具包括以下4个工具:·噪声纹理工具:创建带有脏像素和噪点的细微背景图案，更改颜色和值，实时预览结果·渐变生成工具:使用多种颜色和不透明光圈生成惊艳的渐变·边框圆角工具:超级好用又省时，同时更改所有选定的边框，实现需要的圆角效果·盒阴影工具:无论是模糊半径变化、颜色变化还是阴影大小——在单个位置创建完美阴影效果所需的功能都应有尽有所有这些工具的UI都非常简单且直观，C...

“EnjoyCSS是一款先进的CSS3生成器，用户使用不受常规编码的影响。”EnjoyCSS是一款极易操作的工具，也是笔者费劲儿学习CSS时的救星。学习者可以使用简单的UI设计元素，并提供相关的CSS输出。EnjoyCSS极大地改变了笔者的工作流程。由于易于使用，在创建复杂的CSS样式时，它能节省时间和精力。你无需太多的专业知识就可以完成一个复杂的CSS。

使用空标签清除浮动clear:both（理论上能清楚任何标签，，，增加无意义的标签）使用overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,使用zoom:1用于兼容IE）是用afert伪元素清除浮动(用于非IE浏览器)

文件合并文件最小化/文件压缩使用CDN托管缓存的使用

双边距BUG：float引起的，使用display；像素问题：使用float引起的，使用dislpay:inline-3px；超链接hover点击后失效：使用正确的书写顺序linkvisitedhoveractivenIEz-index问题：给父级添加position:relativePng透明：使用js代码改Min-height最小高度！Important解决’select在...

结构层：Html表示层：CSS行为层：js

选择符：标签选择符、类选择符、id选择符；继承不如指定Id>class>标签选择内联和important优先级哪个高：important优先级高