样式表

•  关键词：

link

background-image

• 网站的样式目录

• 网站的基本样式 

• 如何引用样式表

<link href="@Url.Content("~/Content/MyTree/tree.css")" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="@Url.Content("~/Content/thickbox.css")" type="text/css" media="screen" />  
<link href="@Url.Content("~/App_Themes/InFrame/Content.css")" rel="stylesheet" type="text/css" />

• 定义样式

input[type="text"]
{
  width:200px;
    
}

.ui-widget-content { 
　　border: 1px solid #aaaaaa; 
　　background: #ffffff/*{bgColorContent}*/ 
　　　　url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; 
　　　　color: #222222/*{fcContent}*/; }

ui-button ui-widget ui-state-default ui-button-icon-only custom-combobox-toggle ui-corner-right ui-state-hover

• 样式的定义包括

　　　　Icons,Component containers,Interaction states

• 样式定义示范：

• .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
  .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
  .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
  .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
  .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
  .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
  .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
  .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }