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;
}
相关文档:
一、使用OWC
什么是OWC?
OWC是Office Web Compent的缩写,即Microsoft的Office Web组件,它为在Web中绘制图形提供了灵活的同时也是最基本的机制。在一个intranet环境中,如果可以假设客户机上存在特定的浏览器和一些功能强大的软件(如IE5和Office 2000),那么就有能力利用Office Web组件提供一个交互式图形开 ......
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; ......
还算不错的文章,虽然条理性不是非常清楚,也转贴收了吧,方便查资料。
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
常见兼容问题:
1.DOCTYPE 影响 CSS
处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三级dropdown弹出 ......