ASP .NET 中 AJAX 的 TabContainer 的 CSS 样式编写
在 ASP .NET 的 AJAX 控件中 TabContainer 的 CSS 样式的编写具有一定的格式规范及命名规则,如下图:
具体的 CSS 样式的编写为:
.ajax_tab_menu .ajax__tab_header /*整体按钮底样式*/
{
font-family:宋体;
height:29px;
font-size:12px;
background:#181c1f repeat-x bottom;
}
.ajax_tab_menu .ajax__tab_body /*资料区*/
{
font-family:宋体;
font-size:12px;
border:2px solid #8A6A72;/*边框样式*/
background-color:#372C2F;}
.ajax_tab_menu .ajax__tab_tab /*预设样式*/
{
background:url("images/tag_bg_1.gif") repeat-x;
width:105px;
height:29px;
line-height:29px;
text-align:center;
margin-right:4px;
margin:0;
color:#8A6A72;/*预设字体样式*/
}
.ajax_tab_menu .ajax__tab_hover .ajax__tab_tab /*鼠标经过样式*/
{
background:url("images/tag_bg_0.gif") repeat-x;
width:105px;
height:29px;
color:#FFFFFF;
line-height:29px;
text-align:center;
}
.ajax_tab_menu .ajax__tab_active .ajax__tab_tab /*当前使用中样式*/
{
background:url("images/tag_bg_0.gif") repeat-x;
width:105px;
height:29px;
line-height:29px;
text-align:center;
color:#FFFFFF;
}
相关文档:
<%
'日期函数包DataPackage
%>
<script language="javascript">
function IsDateString(Str)
<!--
{
// 校验是否YYYY-MM-DD格式的日期型数据,返回值为True成功,否则返回False
// 如果传递的是空字符串则返回False
// 定义分隔符
var sSplit="-"
var iYearPos=Str.indexOf(sSplit);
if (iYearP ......
内容是:
function _doPostBack(){};
if(typeof("__doPostBack")=="function")
{
_doPostBack=__doPostBack;
__doPostBack=_doPostBackNew;
}
document.attachEvent("onmousemove",_onmousemove);
var _isPosting=false;
var _divMask=null; ......
HTML代码如下:
LoginValidate.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginValidate.aspx.cs" Inherits="LoginValidate" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>验证用户名是否存在</title>
<script type="text/j ......
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内 ......
1、firefox下父容器的高度自适应
height:100%; overflow:auto;
2、IE6的双倍边距BUG
display:inline
3、超链接访问过后hover样式不出现的问题
改变CSS属性的排列顺序: L-V-H-A
4.FF下使连续长字段自动换行
IE中直接使用word-wrap:break-word
FF中我们使用JS插入的方法来解决
......