我们在做商城类项目时，时常会有开发优惠券的需求，那么我们如何通过纯 CSS 来实现类似京东、淘宝的优惠券样式。下面给大家分享一个纯 CSS 写的优惠券边沿透明圆形镂空打孔效果。最终效果大致如下：HTML<div class="coupon"></div>CSSbody { background: #939393;}.coupon { width: 590px; height: 370px; border-radius: 16px; overflow: hidden; background: #FFFFFF; position: relative;}.coupon:before, .coupon:after { content: ''; position: absolute; width: 60px; height: 60px; border-radius: 50%;

在网页设计时，可以通过prefetch与prerender来预加载下一步可能需要的资源或下一步可能要访问的页面。1、利用prefetch预加载以后的页面可能要用到的资源文件 在当前页面 webform1.aspx 中加入下面的语句，而下面的 location.js 会在另一个页面 webform2.aspx 中用到。采用这种方式，当 webform1.aspx 加载完成后，浏览器会在后台静默下载 location.js 这个文件。然后用户访问 webform2.aspx 时，就会直接读取先前已缓存的 location.js 。<linkrel="prefetch"href="http://www.a.com/js/location.js"/>2、利用prerender预加载下一步可能要访问的页面（该页面以及页面中包含的所有资源都将进行预加

1.如果您是应用程序用户，请查阅应用程序文档以获得有关如何使用相应的驱动程序的详细信息。‍2.如果您是使用 OLEDB 的应用程序开发人员，请将 ConnectionString 属性的 Provider 参数设置为“Microsoft.ACE.OLEDB.12.0” 。如果要连接到 Microsoft Office Excel 数据，请将“Excel 12.0”添加到 OLEDB 连接字符串的扩展属性中。3.如果您是使用 ODBC 连接到 Microsoft Office Access 数据的应用程序开发人员，请将连接字符串设置为“Driver={Microsoft Access Driver (*.mdb, *.accdb)};DBQ=path to mdb/accdb file”。4.如果您是使用 ODBC 连接到 Microsoft Office Excel 数据的应用程序开发人员

CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。提示：背景应用于由内容和内边距、边框组成的区域。内边距、边框和外边距都是可选的，默认值是零。但是，许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式。这可以分别进行，也可以使用通用选择器对所有元素进行设置：*{margin:0;padding:0;}在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距

Wayback Machine 自从1996年以来，就在给整个互联网做备份，现在一共累计了1500亿网页。使用方法很简单：在网页中间那个网址框输入网址，点击“Take Me Back”按钮，然后选择想要查看的日期（不是每天都有备份），就可看到某个消失或被修改过的网页。想看某个网站在过去是什么样子吗？来穿越一下吧！Wayback Machine网址：http://archive.org/web/web.php

做网页的朋友经常会遇到因为各浏览器不兼容，导致写出的代码在不同的浏览器下查看发生变形或不一致的情况。下面介绍不同的浏览器是如何区别不同的CSS样式代码的，即所谓的css hack写法：background-color: #CC00FF; /*所有浏览器都会显示为紫色*/background-color: #FF0000\9; /*IE8会显示红色*/*background-color: #0066FF; /*IE6、IE7会变为蓝色*/_background-color: #009933; /*IE6会变为绿色*/从以上代码可以看出：1、所有浏览器都可以识别正常写法，这是当然的 :(2、在代码后加 \9 后 ie8 可以识别3、ie6和ie7可以识别 *4、只有ie6可以识别 _

所谓的IE6双倍边距就是指当元素有float属性，又有margin属性时，在IE6下面显示的margin的值是设置值的两倍。下面的代码：<div style="width:200px;height:50px;background:#ccc;"><div style="width:100px; height:50px;float:left;margin-left:10px; background:#eee;"></div></div>IE6显示效果为：IE8显示效果为：可以看出左边距在IE6下面明显比IE8下面的大，在ie6下面的左边距变成了20px，而不是设置的10px。 IE6双倍边距一招搞定：将有float属性的元素添加display:inline属性。<div style="wid