Electron和NW.js是一个可以使用Web开发技术来开发跨平台的桌面级应用的一个框架，而传统桌面应用开发要求懂高级编程语言以及专门的框架。有了Electron和NW.js，你可以将现有Web开发技术运用到仅仅使用HTML、CSS和JavaScript就能开发的桌面应用中。而且，开发出来的应用还能在Windows、Mac和Linux中工作，显著减少了开发和培训的时间。

鼠标滑动到网站导航栏时，出现阴影特效。先给出demo地址：http://songker.com/Code/htmldemo/NavMenu.html 。

刚刚在接触到display: flex;这个css属性。伸缩容器(flex  containers)是一个HTML标签元素，需要“display”属性显式的设置了“flex”属性值。在伸缩容器中的所有子元素都会自动变成伸缩项目(flex  items)，即Flexbox布局由一个伸缩容器(flex containers)和在这个容器里的伸缩项目(flex items)组成。

CSS中background-image可以在一个容器中显示一张背景图片，一般情况下用background-image:url(***)的方式实现，也可以用background方式简写。但...

CSS3特性图片或者DIV旋转90度180度，经常可看到博客评论系统里面评论者头像旋转180度的效果。可以将下面代码保存为html文档运行。运行的图片效果（实际效果请将下面代码保存为html文件并且引入jQuery文件）:

CSS3支持圆角属性border-radius，目前的浏览器大部分都支持该属性，可是这万恶的IE9以下还是不支持。IE9以下直接使用矩形边框或者使用背景图片替代圆角样式，背景图片最好采用Png格式图片，这样可以保持各个浏览器一致。

在实际的开发过程中，某一个页面存在许多的文本框，密码框，以及按钮等input标签的html控件，实际需要给这些input定义不同的样式，例如需要给普通文本框定义文字颜色，给密码框套用某些样式...由于页面的input标签很多，一个个改的话花费的时间比较多。现在CSS3可以非常简单的利用属性给不同的文本框应用不同的样式了。

CSS3之前，网站的字体必须要浏览者用户电脑安装过才能正常显示出来，但是一般用户的电脑只安装了一般的雅黑、宋体字。每当自己开发调试的网站已经大功告成再发布到网站时候，突然看到那字体界面真是丑出翔。还好CSS3来了

根据w3cschool解释实例：当您您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。

您“自己的”的字体是在 CSS3 @font-face 规则中定义的。可以是.ttf或是.eot的字体格式