元素是用来组织文档结构的基础，比如p、span等。每个元素都会对文档的表现起一定作用，每个元素都会在浏览器中以矩形盒子的形式出现。尽管不能直接查看页面上的盒子的外边界，但你可以打开控制台，输入这行代码，给页面上所有的元素设置边框样式，一览其排列：$$('*').map(x=>x.style.border='1pxsolid')复制代码

BootstrapBootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。

全世界最流行的响应式前端框架。基于HTML、CSS、JAVASCRIPT的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格。并兼容大部分jQuery插件。简洁灵活，使得Web开发更加快捷。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

ColorZillaGradients是CSS3背景渐变生成器。靠手写渐变比较烦的。

可以帮助你快速轻松地创建表并放入行和列类自动生成。如果你想要一个快速工具来生成列表，推荐使用Kotatsu。

http://angrytools.com/css-generator/filter/CSSFilter属性提供了在元素显示之前对元素的渲染效果的访问，如模糊或颜色偏移。该工具允许您试验filter属性所提供的所有可能性。

面向单一元素加载器与运行器的SCSS集合。

这款酷炫的工具是由Flexplorer的创建人班尼特·费利（BennettFeely）所创建的。它非常实用，可以让学习者通过使用CSS的属性（例如background-blend-mode,mix-blend-mode和filter）来创建令人惊叹的图像。该款工具使用混合和过滤功能来处理图像。

幸运地是，你可以通过使用我们称为"BeKindtoNetscape4"的冗余法则来处理旧式浏览器无法理解继承的问题。body{font-family:Verdana,sans-serif;}p,td,ul,ol,li,dl,dt,dd{font-family:Verdana,sans-serif;}浏览器无法理解继承，不过他们可以理解组选择器。这么做虽然会浪费...

#今日内容1.Bootstrap##Bootstrap：1.概念：一个前端开发的框架，Bootstrap，来自Twitter，是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。*框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。*...