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;
}
相关文档:
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 ......
声明:本文转自www.52css.com
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
2、无边框。推荐的写法是 border:none;,哈哈,我一直在用 ......
还算不错的文章,虽然条理性不是非常清楚,也转贴收了吧,方便查资料。
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
常见兼容问题:
1.DOCTYPE 影响 CSS
处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经 ......
CSS简写
就是指将多行的CSS属性声明化成一行,又称为CSS
代码优化
。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。
太多的人使用Dreamwe ......