在许多网站上我们可以看到很个性的鼠标指针(cursor)，在网页设计中用CSS可以方便的实现这样个性鼠标指针的效果,该CSS属性就是"cursor"属性。
首先我们介绍一下系统自带的15个鼠标效果：
一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。
用css控制的语法如下:
<span style="cursor:*" mce_style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种：
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。
下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！
hand是手型
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭 ......
彻底弄懂CSS盒子模式(DIV+CSS)
非常好的DIV布局原理与实例教程,对WEB标准布局有兴趣的朋友可以看看以下内容:
Web标准,彻底弄懂CSS盒子模式一:DIV布局快速入门
Web标准,彻底弄懂CSS盒子模式二:导航栏实例详解
Web标准,彻底弄懂CSS盒子模式三:浮动的表演和清除的自述[1]
Web标准,彻底弄懂CSS盒子模式三:浮动的表演和清除的自述[2]
Web标准,彻底弄懂CSS盒子模式三:浮动的表演和清除的自述[3]
Web标准,彻底弄懂CSS盒子模式三:绝对定位和相对定位[1]
Web标准,彻底弄懂CSS盒子模式三:绝对定位和相对定位[2]
Web标准,彻底弄懂CSS盒子模式三:绝对定位和相对定位[3]
Web标准,彻底弄懂CSS盒子模式三:定位强化练习[1]
Web标准,彻底弄懂CSS盒子模式三:定位强化练习[2]
文章转自网站制作教程网 ......
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如： <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/}
3.浮动ie产生的双倍距离
#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline 元素的特点是,和其他元素在同一行上,不可控制(内嵌元素) ......
网上关于突出显示当前页面的文章有不少，但是基本都是关于实现静态菜单的高亮，讲到动态生成菜单高亮的文章至少我没有找到，在csdn上问了两天都没有答案，最后在一位朋友的回答中找到思路，先利用一个函数判断菜单是否是正在浏览的当前页，然后付给li一个id，利用css层叠id大于class的关系，把这个id定义成高亮样式。
aspx文件代码：
引用内容
<div class="navigation">
<ul>
<asp:Repeater ID="Menu" runat="server">
<ItemTemplate >
<li <%#getCss(DataBinder.Eval(Container,"DataItem.Url"))%>><a href ='<%#DataBinder.Eval(Container,"DataItem.Url")%>'> <%#DataBinder.Eval(Container,"DataItem.ClassName")%></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
后台代码：vb版本
引用内容
Public Function getCss(ByVal Url As Object) As String
Dim curPageName As String = HttpContext.Current.Request.Url.Segments(HttpContext.Current.Request.Url.Segments.Length - 1)
If Url.ToString.ToLower = curPageName.ToLower Then
Return "id ......
网上关于突出显示当前页面的文章有不少，但是基本都是关于实现静态菜单的高亮，讲到动态生成菜单高亮的文章至少我没有找到，在csdn上问了两天都没有答案，最后在一位朋友的回答中找到思路，先利用一个函数判断菜单是否是正在浏览的当前页，然后付给li一个id，利用css层叠id大于class的关系，把这个id定义成高亮样式。
aspx文件代码：
引用内容
<div class="navigation">
<ul>
<asp:Repeater ID="Menu" runat="server">
<ItemTemplate >
<li <%#getCss(DataBinder.Eval(Container,"DataItem.Url"))%>><a href ='<%#DataBinder.Eval(Container,"DataItem.Url")%>'> <%#DataBinder.Eval(Container,"DataItem.ClassName")%></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
后台代码：vb版本
引用内容
Public Function getCss(ByVal Url As Object) As String
Dim curPageName As String = HttpContext.Current.Request.Url.Segments(HttpContext.Current.Request.Url.Segments.Length - 1)
If Url.ToString.ToLower = curPageName.ToLower Then
Return "id ......
在Visual Studio中，所有的ASP.NET 2.0控件都是自定义控件，创建自己的自定义控件一般需要完成以下三步。
(1)在站点APP_Code下创建一个新类；
(2)修改这个类，让它成为WebControl类(包含在System.Web.UI.WebControls命名空间)的派生类；
(3)重写基类(即WebControl类)的RenderContents()方法。
下面是一个最简单的ASP.NET控件，它的功能只有一个，显示"Hellow World"。
using System;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace myControls
{
public class HelloWorld : WebControl
{
protected override void RenderContents(HtmlTextWriter writer)
{
writer.Write("Hello World");
}
}
}
自定义控件创建好之后，有三种方法将其添加到网页中。
第一种选择是首先在aspx文件添加注册控件的代码：
<%@ Register TagPrefix="custom" Namespace="myControls" %>
其中TagPrefix属性的值可随意选� ......
在Visual Studio中，所有的ASP.NET 2.0控件都是自定义控件，创建自己的自定义控件一般需要完成以下三步。
(1)在站点APP_Code下创建一个新类；
(2)修改这个类，让它成为WebControl类(包含在System.Web.UI.WebControls命名空间)的派生类；
(3)重写基类(即WebControl类)的RenderContents()方法。
下面是一个最简单的ASP.NET控件，它的功能只有一个，显示"Hellow World"。
using System;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace myControls
{
public class HelloWorld : WebControl
{
protected override void RenderContents(HtmlTextWriter writer)
{
writer.Write("Hello World");
}
}
}
自定义控件创建好之后，有三种方法将其添加到网页中。
第一种选择是首先在aspx文件添加注册控件的代码：
<%@ Register TagPrefix="custom" Namespace="myControls" %>
其中TagPrefix属性的值可随意选� ......
在Visual Studio中，所有的ASP.NET 2.0控件都是自定义控件，创建自己的自定义控件一般需要完成以下三步。
(1)在站点APP_Code下创建一个新类；
(2)修改这个类，让它成为WebControl类(包含在System.Web.UI.WebControls命名空间)的派生类；
(3)重写基类(即WebControl类)的RenderContents()方法。
下面是一个最简单的ASP.NET控件，它的功能只有一个，显示"Hellow World"。
using System;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace myControls
{
public class HelloWorld : WebControl
{
protected override void RenderContents(HtmlTextWriter writer)
{
writer.Write("Hello World");
}
}
}
自定义控件创建好之后，有三种方法将其添加到网页中。
第一种选择是首先在aspx文件添加注册控件的代码：
<%@ Register TagPrefix="custom" Namespace="myControls" %>
其中TagPrefix属性的值可随意选� ......
在Visual Studio中，所有的ASP.NET 2.0控件都是自定义控件，创建自己的自定义控件一般需要完成以下三步。
(1)在站点APP_Code下创建一个新类；
(2)修改这个类，让它成为WebControl类(包含在System.Web.UI.WebControls命名空间)的派生类；
(3)重写基类(即WebControl类)的RenderContents()方法。
下面是一个最简单的ASP.NET控件，它的功能只有一个，显示"Hellow World"。
using System;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace myControls
{
public class HelloWorld : WebControl
{
protected override void RenderContents(HtmlTextWriter writer)
{
writer.Write("Hello World");
}
}
}
自定义控件创建好之后，有三种方法将其添加到网页中。
第一种选择是首先在aspx文件添加注册控件的代码：
<%@ Register TagPrefix="custom" Namespace="myControls" %>
其中TagPrefix属性的值可随意选� ......
基于IE与css的表格行头与多层列头锁定方法
（左边图锁定了行头与列头，右边图仅锁定列头）
有许多的锁定或固定html表格表头的方法和技术，本文介绍的是一个基于IE和css的简易实现方法，基本思路为：使用div行级元素确定一个包含表格的区域，在区域滚动移动时定位非固定单元格的位置（top/left）。
1、确定表格区域
定义一个有边框的div元素，并设置其overfloaw属性为scroll，保证该区域恒有一个垂直与水平滚动条。
div#DivContainer
{
overflow: scroll; border: solid 1px gray;
}
在div中嵌入一个表格，设置collapse属性为collapse，满足单边框（合并边框）的外观。
table
{
border-collapse: collapse;
}
2、单元格锁定选择器类
需要设计三种类型的锁定单元格：垂直方向锁定单元格（VLocked）、水平方向锁定单元格（HLocked）及双向锁定单元格（Locked），而一般表格内容单元格则设置其位置属性position为relative，见如下css代码：
td
{
position: relative; padding: 5px; border-top: solid 0px gray; border-bottom: solid 1px gray; border- ......
最新文章 : css