zoukankan      html  css  js  c++  java
  • 样式表

    •  关键词:

    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}*/; }
  • 相关阅读:
    React教程(一) React介绍与搭建
    微信公众号订阅号以及服务号通过网页授权获取用户openid方法
    AES,DES加密JS源文件及其使用方法
    R 分类进行数值处理
    C++ const 关键字总结
    软工lintcode作业
    [恶意软件分析]DroidBox的环境搭建与使用
    Android第三次作业
    Android第二次作业
    android 第一次作业
  • 原文地址:https://www.cnblogs.com/jacketlin/p/5706749.html
Copyright © 2011-2022 走看看