1、box-shadow: h-shadow v-shadow blur spread color inset;：

　　h-shadow：必需值，可以是正值（阴影在对象的右边）、0、负值（阴影在对象的左边）；

　　v-shadow：必需值，可以是正值（阴影在对象的底部）、0、负值（阴影在对象的顶部）；

　　blur：阴影模糊半径，可选值，可以是正值、0（表示没有模糊效果），其值越大阴影的边缘就越模糊；

　　spread：阴影扩展半径，可选值，可以是正值（阴影扩大）、0、负值（阴影缩小）；

　2、transform:rotate(7deg)：

　　transform 属性向元素应用 2D 或 3D 转换；

　　deg：degree，表示角度；

　　以自己的中心为旋转基准点。

3、float：

　　元素浮动，脱离普通流，但还在文本流(包含文本与图片)中；

　　凡包含文本或图片的div都无法忽视浮动元素的存在：

　　　　其内的文本或图片会出现在浮动元素下的新一行；

　　　　而div本身可以忽视浮动元素的存在，被浮动元素覆盖。

　　注意：遇到比较难理解的点，不要陷进去，要宏观去揣测这样设计的实际意义。

4、多类选择器：

　　匹配class词列表包含选择器出现的所有类名的元素。

5、浏览器：

　　IE：Internet Explorer，是微软公司推出的一款网页浏览器；

　　Firefox：火狐，是一个自由及开放源代码的网页浏览器，使用Gecko排版引擎，支持多种操作系统，如Windows、Mac OS X及GNU/Linux等；

　　Chrome： [krəʊm] ，是由Google开发的一款设计简单、高效的Web浏览工具，移动版提供IOS系统、安卓系统以及Windows Phone系统的Chrome浏览器；

　　Safari：[səˈfɑ:ri]，是苹果计算机的操作系统Mac OS中的浏览器，使用了KDE的KHTML作为浏览器的运算核心。 该浏览器已支持Windows平台，但是与运行在Mac OS X上的safari相比，有些功能出现丢失。Safari也是iPhone手机、iPod Touch、iPad平板电脑中iOS指定默认浏览器；

　　Opera：是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器，是跨平台浏览器可以在Windows、Mac和Linux三个操作系统平台上运行。

6、沙箱：

　　Sandboxie即是一个虚拟系统程序，允许你在沙盘环境中运行浏览器或其他程序；

　　在其内部运行的程序并不能对硬盘产生永久性的影响；

　　经典的沙箱系统的实现途径一般是通过拦截系统调用，监视程序行为，然后依据用户定义的策略来控制和限制程序对计算机资源的使用，比如改写注册表，读写磁盘等；

　　人们更多的将沙箱技术应用于网上冲浪方面：

　　　　从技术实现角度而言，就是从原有的阻止可疑程序对系统访问，转变成将可疑程序对磁盘、注册表等的访问重定向到指定文件夹下，从而消除对系统的危害。

7、border-image：

　　注意chrome浏览器：source、slice、width、outset、repeat属性分开单独设置与一起设置的效果不同？

　　border-image不能脱离border而单独设置，至少要设置border-style，否则边框图像将无法显示：

　　　　实际上border-image的作用相当于border-style，前提是要有个border？。

　　border-image-source：若设置为none，则应用border-style的值；

　　border-image-slice:number|%|fill;：

　　　　相当于切片的作用，图像被分割为九个区域：四个角、四条边以及一个中间区域：

　　　　　　

　　　　分割形成的图像块只能在border-width规定的边框范围内活动：

　　　　　　前者尺寸小于后者，前者被拉伸；

　　　　　　前者尺寸大于后者，前者被压缩。

　　　　若设置负值（实际上不允许）或者设置值大于图像宽度或高度，将自动转换成100%？效果与fill相同；

　　　　若右切和左切的值的和大于或等于图像宽度，则顶部区域和底部区域为空白；

　　　　number：后面不加单位（如px、em）；

　　　　中间区域默认舍弃，除非指定fill值；

　　　　百分比的参考对象是原图像的宽度和高度。

 

　　border-image-width：

　　　　并非取代border-width，border-width的影响还在：

　　　　　　若border-image-width的值小于border-width，则图像块紧靠外围边框线排列，此时图像块全部在边框带内；

　　　　　　若border-image-width的值大于border-width，则图像块紧靠外围边框线排列，此时图像块会向内超出边框带，覆盖部分内容区。

　　　　可以是像素值、百分比、倍数：

　　　　　　倍数是相对于border-width；

　　　　　　百分比是相对于当前元素的宽度和高度，区别于border-slice。

　　border-image-outset：

　　　　不允许负值；

　　　　图像块相对于原来的位置向外延伸；

　　　　延伸后的图像块会被其他元素所覆盖？。

　　border-image-repeat：

　　　　stretch

　　　　repeat：平铺，图像保持原比例（长宽比），但会被适当裁剪以铺满；

　　　　round：环绕，图像自适应调整比例（长宽比）以铺满，不会被裁剪。

8、border：

　　border-width:thin/medium/thick|length|inherit;；

　　border-style

　　border-color

　　共同声明时，属性顺序没有固定；

　　border属性没有继承性。