- 关键词:
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}*/; }