摘要：
一、用css3制作功能表View Code 大家对阴影，圆角，渐变和CSS3特性情有独钟。今天我就用css3为大家做个实例：功能表。 先看下效果图： 这里为了方便大家线下理解，我提供给大家下载地址及演示地址。 演示地址 下… 大家对阴影，圆角，渐变和CSS3特性情有独钟。今天我就用css3为大家做个实例：功能表。 先看下效果图： 这里为了方便大家线下理解，我提供给大家下载地址及演示地址。 演示地址 下载附件 HTML代码 下面你可以找到的缩写HTML： XML/HTML Code复制内容到剪贴板 <table class="features-table"> &l 阅读全文
摘要：
在CSS中，你可以为同一个标签定义多个样式，如下面的例子：------------------------------例子----------------------------<style type="text/css"><!--#aaa{ background-color: Fuchsia;}.ab{ background-color: Black;}td{ background-color: Aqua ;}--></style><table><tr><td class="ab" id 阅读全文
摘要：
拿到这一张效果图，你会用什么样的方式去实现呢？（让我们一起思考） 我的第一个想法就是用四张图片来表示四个不同的状态，当我着手处理图片的时候发现一个弊端，如果里面的字要增加或者是减少那岂不是很悲剧？于是我停了下来再次分析效果图，在着手写代码之前花较多的时间去分析效果图很有必要，这样即使日后需要修改你还是会发现当时已经考虑到这种情况，只需要修改小小的一些代码就可以实现修改后的效果。 接下来果然让我猜中了，里面的字确实需要修改，而且数量也由四个变成了五个，这时你是不是头大了，当时没说要加字啊，更没说要加状态条啊？是的，当时是没有说，可是现在要加，今天修改好，明天提交。 我暗自庆幸，亏得我想到了,不然 阅读全文
摘要：
Hover对于我们太熟悉了，其早期只定义于文本超链接鼠标移动上方样式。慢慢的IE7、IE8.0\、IE9.0等火狐、谷歌浏览器面试，hover也渐渐被业界应用于更多领域。比如：CSS Code复制内容到剪贴板.Mylcass{padding:5px 5px; background:#f60} .Myclss:hover{ background:#000} Myclass当然可以定义其他样式，比如宽度、高度、颜色，如果想得到更好的效果，可以融入css3的新属性。Hover这里我们叫它动作，这种动作在所有网页是最基本也是最多的鼠标执行动作。如果不考虑IE6.0，我们完全可以舍弃js，用它来实现各种 阅读全文
摘要：
清除浮动有很多种方式，像使用 br 标签自带的 clear 属，使用元素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题，一般我们都会使用如下代码来清理浮动。CSS Code复制内容到剪贴板/* 清理浮动 */ .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix { zoom:1; } 其原理是，在「高级」浏览器中使用 :after 伪类在浮动块后面加上一 阅读全文
摘要：
兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 word-wrap:break-word; overflow:hidden; 而不是 word-wrap:break-word; word-break:break-all; 也不是 word-wrap:break-word; overflow:auto; 在 IE 下没有任何问题，在 FF 下，长串英文会被遮住超出的内容。 word-wrap同word-break的区别 word-wrap: normal Default. Content exceeds the boundaries of its contai... 阅读全文
摘要：
一、图形化边界View Code 顾名思义，图形化边界就是允许使用图片作为对象的边界，语法如下: border: 5px solid #cccccc; -webkit-border-image: url(/images/border-image.png) 5 repeat; -moz-border-image: url(/images/border-image.png) 5 repeat; border-image: url(/images/border-image.png) 5 repeat; 这里，border: 5px 设定了边界的宽度，然后，每个边界的图片定义告诉浏览器，使用... 阅读全文
摘要：
在线支付平台假设以下是双方参数约定，由网上商城A（假设为shop）提交支付参数到银行B（假设为bank）进行支付，双方约定：Shop提交到bank的参数为参数名类型长度可空说明Order_nostring50Not null订单号moneydouble16Not null金额Order_datestring14Not null订单日期 Validate_Keystring100Not null加密后的字符串支付成功后，bank返回shop的参数为参数名类型长度可空说明Order_nostring50Not null订单号moneydouble16Not null金额Order_datestri 阅读全文
摘要：
Events，中文称为事件，是Windows消息机制中重要概念之一，也是最常见的人机交互手段之一。XAML和其他开发语言类似，具有事件机能，帮助应用管理用户输入，执行不同的行为。 根据用户不同的操作，执行不同的业务逻辑代码。例如，用户输入日期，点击按钮确认，移动鼠标等操作都可以使用事件进行管理。而在Windows 8和Silverlight应用开发中，事件常常被用于控制更改通知操作，例如，使用ListBox绑定一个依赖属性，当该属性值修改时，可以通过事件自动通知客户端，并更新显示属性值。本篇，将详细介绍XAML的事件处理。快速理解Xaml事件在传统应用中，一个对象激活一个事件被称为Event 阅读全文
摘要：
微软发布Visual Studio 2012 RC和Windows 8 Release Preview版本，从本篇开始，所有实例将基于最新版本开发工具VS2012 RC和Win 8 RP版。 下载Visual Studio 2012 RC ： http://www.microsoft.com/visualstudio/11/en-us/downloads 下载Windows 8 Release Preview： http://windows.microsoft.com/zh-cn/windows-8/download 在 上几篇XAML实例教程中，分别介绍XAML对象，属性... 阅读全文
摘要：
XAML实例教程系列 - 命名空间(NameSpace) 上一篇曾提及XAML中，每个对象元素的声明是对.NET类进行一次实例化操作。XAML作为声明类语言，如何识别对象元素，并如何在.NET Framework中找到对应映射类呢？本篇将引入命名空间（NameSpace）的概念,涉及内容如下： 1. NameSpace命名空间格式2. 核心NameSpace命名空间3. 设计类NameSpace命名空间4. 自定义NameSpace命名空间5. XAML命名空间的x:Class属性6. XAML命名空间的x:Name属性和x:Key属性7. XAML的x:ClassModifier属性和x:. 阅读全文