摘要：
随着浏览器的升级，CSS3已经可以投入实际应用了。但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证，原文的错误之处也已得到改正。一、圆角（Rounded Corner）.box_round { -moz-border-radius: 30px; /* FF1+ */ -webkit-border-radius: 30px; /* Saf3+, Chrome */ border-radius: 30px; /* Op... 阅读全文
posted @ 2013-05-02 15:39
风雪七月花溅墨
阅读(137)
评论(0)
推荐(0)
摘要：
1. 文字的水平居中将一段文字置于容器的水平中点，只要设置text-align属性即可： text-align:center;2. 容器的水平居中先为该容器设置一个明确宽度，然后将margin的水平值设为auto即可。 div#container { width:760px; margin:0 auto; }3. 文字的垂直居中单行文字的垂直居中，只要将行高与容器高设为相等即可。比如，容器中有一行数字。 <div id="container">1234567890</div>然后CSS这样写： div#container {height: 35px; 阅读全文
posted @ 2013-05-02 15:36
风雪七月花溅墨
阅读(192)
评论(0)
推荐(0)
摘要：
CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页 眉：header内 容：content容 器：container页 脚：footer版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu标 志：logo标 语：banner标 题：title侧边栏：sidebar图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接：link信息框：manage……常用类的命名应尽量 阅读全文
posted @ 2013-05-02 15:34
风雪七月花溅墨
阅读(167)
评论(0)
推荐(0)
摘要：
气泡状文本框，是一种很生动的网页设计手段。它可以用来表示用户的发言。也可以用来作为特定信息的提示符。DVD租借网站Netflix，还用它显示碟片的详细信息。=========================制作CSS气泡框的传统方法，需要5张背景图片，分别是： *tl.gif，左上方的圆角。 *tr.gif，右上方的圆角。 *bl.gif，左下方的圆角。 *br.gif，右下方的圆角。 *angle.gif，突出的三角形。现在假定有这样一段代码： <blockquote>床前明月光，疑是地上霜。</blockquote> <p>李白</p>我们希 阅读全文
posted @ 2013-05-02 15:14
风雪七月花溅墨
阅读(243)
评论(0)
推荐(0)
摘要：
他们发现，美国前100大网站的Logo，主要使用12种颜色。其中，采用蓝色的网站最多，红色排在第二种，黄色排在第三种。我把这12种颜色的RGB代码列出来，供将来自己做网页时参考。1. 浅绿 #8cc5402. 深绿 #009f5d3. 暗蓝 #019fa04. 蓝色 #019fde5. 深蓝 #007cdc6. 深紫 #887ddd7. 浅紫 #cd7bdd8. 粉色 #ff56759. 红色 #ff124410. 橙色 #ff834511. 黄色 #f8bd0b12. 灰色 #d1d2d4（完） 阅读全文
posted @ 2013-05-02 15:10
风雪七月花溅墨
阅读(208)
评论(0)
推荐(0)
摘要：
一、CSS3圆角的优点传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点： * 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。 * 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。 * 增加视觉可靠性。某些情况下（网络拥堵、服务器出错、网速过慢等等），背景图片会下载失败，导致视觉效果不佳。CSS3就不会发生这种情况。二、border-radius属性CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一 阅读全文
posted @ 2013-05-02 15:07
风雪七月花溅墨
阅读(148)
评论(0)
推荐(0)
摘要：
日本设计公司Information Architects在网站首页上，写了三个他们最基本的信念：1. 你为用户提供的界面，就是你的品牌。（Brand=Interface）2. 设计的作用，就是告诉用户工作如何进行。（Design is how it works）3. 简单的设计，就是最好的设计。（Simple is best） 阅读全文
posted @ 2013-05-02 13:51
风雪七月花溅墨
阅读(192)
评论(0)
推荐(0)
摘要：
昨天，我看到了一个网站（http://www.plaintxt.org），提倡最简主义（Minimalism）的设计，这也正是我的想法。我因此感到十分惊喜。所谓“最简主义”设计，就是说网页上没有不相关的内容与装饰，美工基本就是白底黑字，尽量少用图片和复杂的排版，给人一种非常简单朴素的感觉。Plaintxt.org的站长Scott说，他信奉“最简主义”设计，因为2000年下半年他去尼泊尔当志愿者。在那里，他只能用24.4K的Modem上网，这意味着一幅120K的图片，都要花将近1分钟才能看到。他在尼泊尔待了3年，再回到美国以后，彻底改变了对网站设计的看法，从此走上了宣传“最简主义”的道路。至于我 阅读全文
posted @ 2013-05-02 13:50
风雪七月花溅墨
阅读(165)
评论(0)
推荐(0)
摘要：
类库，就是我们所说的动态链接库(DLL)。在C#中，我们可以把我们做的一些类封装成一个类库，然后把类库模糊化处理，就可以共享给别人用了。我们首先新建一个类 比如叫Test类，我们添加一个函数hello函数，返回字符串“test”。[csharp]view plaincopyusingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Text;namespaceTest{publicclassmain{publicstringhello(){return"test";}}}然后我们在项目中添 阅读全文
posted @ 2013-05-02 13:42
风雪七月花溅墨
阅读(571)
评论(0)
推荐(0)
摘要：
最近我们要做一个仿sina的微博，碰巧的是我最近在学习mvc，就想用mvc技术实现这个项目。既然是微博，那不用想也应该知道肯定要有用户登陆，但是和常规的asp.net登陆又不一样，以下是我一下午+一晚上的研究成果~~~首先，建好数据库以及表，这就不用说了吧。下面说一下主要的结构控制器：HomeController 这是主页的控制器LoginController 这是登陆的控制器类：CDBTemplate.cs 这是数据库数据对应的类，里边描述的是数据库的结构////////////////////////////////////////////我是分割线\\\\\\\\\\\\\\\\\\\\ 阅读全文
posted @ 2013-05-02 11:52
风雪七月花溅墨
阅读(370)
评论(0)
推荐(0)
摘要：
在MSDN中，.net的数据库连接字符串都有详细的说明，我这里以代码范例的方式罗列一些，具体的每一项代表的意义可以参看MSDN.ADO.net 中数据库连接方式(微软提供)微软提供了以下四种数据库连接方式：System.Data.OleDb.OleDbConnectionSystem.Data.SqlClient.SqlConnectionSystem.Data.Odbc.OdbcConnectionSystem.Data.OracleClient.OracleConnection下面我们以范例的方式，来依次说明：System.Data.SqlClient.SqlConnection常用的一些 阅读全文
posted @ 2013-05-02 11:27
风雪七月花溅墨
阅读(333)
评论(0)
推荐(0)
摘要：
BindingSource组件是.Net在Windows Forms数据绑定方面最重要的创举之一，它能够为窗体封装数据源，让控件的数据绑定操作更加简便。使用时，一般先在窗体上加入一个BindingSource组件，接着将BindingSource组件绑定至数据源，最后再将窗体上的控件绑定至BindingSource组件。通常将BindingNavigator控件与BindingSource组件搭配使用，以便浏览BindingSource组件的数据源。数据绑定的示意图如图1所示：1、数据绑定的具体步骤如下：（1）设置BindingSource组件的DataMember、DataSource属性： 阅读全文
posted @ 2013-05-02 11:09
风雪七月花溅墨
阅读(239)
评论(0)
推荐(0)
摘要：
（一）WinForm应用程序：（1）新建配置文件App.config：<?xml version="1.0" encoding="utf-8" ?><configuration> <appSettings> <add key="connstr" value="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=F:\C#Code\DBOperation\ykjj.mdb"/> </appSettings> <co 阅读全文
posted @ 2013-05-02 11:03
风雪七月花溅墨
阅读(280)
评论(0)
推荐(0)
摘要：
一、"自适应网页设计"的概念2010年，Ethan Marcotte提出了"自适应网页设计"（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。如果屏幕宽度在400像素到600像素之间，则导航栏移到网页头部。如果屏幕宽度在400像素以下，则6张图片分成三行。mediaqueri.es上面有更多这样的例子。这里还有一个测试小工具， 阅读全文
posted @ 2013-05-02 10:08
风雪七月花溅墨
阅读(149)
评论(0)
推荐(0)
摘要：
CSS中背景图片的定位，困扰我很久了。今天总算搞懂了，一定要记下来。在CSS中，背景图片的定位方法有3种： 1）关键字：background-position: top left; 2）像素：background-position: 0px 0px; 3）百分比：background-position: 0% 0%;上面这三句语句，都将图片定位在背景的左上角，表面上看效果是一样的，实际上第三种定位机制与前两种完全不同。前两种定位，都是将背景图片左上角的原点，放置在规定的位置。请看下面这张图，规定的位置是"20px 10px"和"60px 50px"，都是 阅读全文
posted @ 2013-05-02 09:55
风雪七月花溅墨
阅读(222)
评论(0)
推荐(0)
摘要：
昨天在使用MVC4中Bundling打包和压缩Css文件时,发现Css中引用的图片显示不了,于是在网上各种搜索,但是没有找到答案...今天在仔细研究MVC4的Demo实例后,解决了这个问题,在此记录一下,如果能帮助到其他人, 那就更好了。废话结束,进入正题,静态文件结构如下:base.css文件中图片使用的是相对路径:background: url(Images/bg.png)一开始构造StyleBundle时参数virtualPath的值为"~/Content/css",这样图片bg.png无法显示。bundles.Add(new StyleBundle("~/ 阅读全文
posted @ 2013-05-02 09:48
风雪七月花溅墨
阅读(427)
评论(0)
推荐(0)
浙公网安备 33010602011771号