`
smartgz
  • 浏览: 70677 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

CSS与Theme的作用

阅读更多
        CSS的作用我还是知道的,而且这个东西功能相当强大。
        在VS 2005里出现了一个Theme的东西,与之对应的配置文件是.skin后缀的文件,一般是默认放在网站App_Themes目录下,那它的作用就是对页面上的服务器控件的外观,字体,背景等等进行定义,如果没有指定控件ID,将表示使用该Themes的页面的此类控件都使用这样的外观,确切的说,是主题,如何引用,和CSS一样,在文件顶部调用,CSS文件要有完整、准确的文件路径,Themes却只要指定主题名字,就可以了,就是文件名字。

<%@ Page Language="C#" StylesheetTheme="BasicTheme" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

    .skin文件的具体定义可以看下面的说明,总之,一类控件共有的属性都可以定义。

<%--
Default skin template. The following skins are provided as examples only.
1. Named control skin. The SkinId should be uniquely defined because
   duplicate SkinId's per control type are not allowed in the same theme.
<asp:GridView runat="server" SkinId="gridviewSkin" BackColor="White" >
   <AlternatingRowStyle BackColor="Blue" />
</asp:GridView>
2. Default skin. The SkinId is not defined. Only one default
   control skin per control type is allowed in the same theme.
<asp:Image runat="server" ImageUrl="~/images/image1.jpg" />
--%>

    还可以在Web.config的<system.web></system.web>里定义所使用的Theme.

 <system.web>
    <pages theme="GridViewTheme" />
</system.web>

     CSS与Theme的组合就是在控件主题定义的时候,通过CSSCLASS里引用所使用的CSS文件了。
分享到:
评论

相关推荐

    css color theme

    在网页设计中,色彩主题(CSS Color Theme)是至关重要的元素,它不仅影响着网站的视觉效果,还对用户体验有着深远的影响。颜色搭配能够传达情感、建立品牌识别度,并引导用户的注意力。本篇文章将深入探讨关于CSS...

    bootstrap: js,css,theme

    Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。 [1] Bootstrap提供了优雅的HTML和CSS规范,它即是由...

    use cssTheme to set eclipse RCP css

    在eclipse开发中, 使用cssTheme和applicationCSS来设置主题样式,需要创建product运行文件,然后在plugin.xml设置product的属性. 学习网站 https://www.vogella.com/tutorials/Eclipse4CSS/article.html#:~:text=%...

    bootstrap-theme.css.map

    在标题"bootstrap-theme.css.map"中,提到的"bootstrap-theme.css.map"文件是与Bootstrap主题相关的CSS源映射文件。 源映射(Source Map)是开发过程中的一种工具,主要用于将编译后的代码(例如,压缩后的CSS或JS...

    css文件(theme-changer)

    非常不错的css说明文档 用于网站显示风格 动态设置背景

    react-css-theme-switcher:using使用React在CSS主题之间切换

    npm i react-css-theme-switcher 或使用Yarn: yarn add react-css-theme-switcher 用法 导入ThemeSwitcherProvider并将带有主题名称及其各自路径的主题对象传递到CSS样式表(通常是公用文件夹)。 import React ...

    postcss-theme-ui:用于访问主题UI变量的PostCSS插件

    const postcssThemeUI = require ( "postcss-theme-ui" ) ; postcssThemeUI . process ( YOUR_CSS /*, processOptions, theme */ ) ; 或将其用作插件: const postcss = require ( "postcss" ) ; const ...

    bootstrap文件 bootstrap-theme.min.css.map

    bootstrap-theme.css.map bootstrap-theme.css.map bootstrap-theme.css.map bootstrap-theme.css.map bootstrap-theme.css.map bootstrap-theme.css.map

    tailwindcss-multi-theme:T使用Tailwind CSS创建主题的最简单方法

    Tailwind CSS多主题 大多数主题插件从一开始就要求太多。 如果您知道如何使用默认的Tailwind创建一个简单页面,那么您已经知道如何使用此主题插件。... plugins : [ require ( 'tailwindcss-multi-theme' ) ]

    theme-change:通过切换,按钮更改CSS主题,或使用CSS自定义属性和localStorage进行选择

    更改CSS主题它将选定的主题保存在浏览器中,并在页面重新加载时再次使用 :desktop_computer: 演示版请参阅示例代码请参阅示例站点 :optical_disk: 用JS 使用CDN: [removed][removed]或使用NPM: 安装: npm i theme...

    jquery-ui.theme.css

    实现js动态加载的重要js核心... jsloader.js scnu_lts2012-11-15上传 one page one application利器, 实现js动态加载...

    theme-css-extract-webpack-plugin:一个webpack 插件,用于提取对应的`multipleScopeVars`主题 css 文件

    但@zougt/theme-css-extract-webpack-plugin另外一个功能是与html-webpack-plugin结合在 html 文件的 html 标签添加默认的 className,在开发模式下可能需要安装并使用# use npmnpm install -D @zougt/theme-css-...

    theme.css:实验性

    " css " : " theme.css --path examples/theme.js " } } 输入: 遵循主题 /* theme.js */ const theme = { space : [ 0 , 4 , 8 , 16 , 32 , 64 ] , radii : [ 0 , 2 , 5 , 10 ] , fontSizes : [ 0 , 11 , 12...

    Grafana 主题插件 Boom Theme Plugins

    Grafana是一款强大的开源度量分析与可视化套件,它允许用户通过自定义仪表板来展示和监控各种数据源的数据。在Grafana中,主题插件是用于改变界面外观和感觉的重要工具,它们可以定制颜色方案、字体样式以及整体布局...

    javafx应用不同的css文件

    JavaFX的CSS语法与标准的Web CSS有相似之处,但也有特定的属性和选择器,如`-fx-background-color`用于设置背景色,`-fx-font-size`用于设定字体大小等。在JavaFX中,你可以通过`Scene`类的`getStylesheets()`方法来...

    easyui: js,css,theme,demo,mobile

    jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出...开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签

    gerrit-css-theme:Gerrit的简洁现代CSS主题

    Gerrit CSS主题 Gerrit的简洁现代CSS主题。 您可以查看更多。 如何安装 配置可以是站点范围内的,也可以是每个项目的。 要修改整个站点的主题,请将GerritSite.css复制到'$site_path'/etc 对于每个项目的主题,请将...

    Element-ui css非网络引用,

    link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css1"&gt; &lt;link rel="stylesheet" href="/js/vue/index.css"&gt; &lt;el-button @click="visible = true"&gt;Button &lt;p&gt;Try ...

    css动态更换皮肤

    &lt;link id="theme-style" rel="stylesheet" href="light.css"&gt; &lt;button id="switch-theme"&gt;切换主题 ``` 3. **JavaScript交互**:通过JavaScript监听按钮的点击事件,当用户触发事件时,动态更改`&lt;link&gt;`标签的`href...

    Theme主题文件 从YLMF中提取

    【主题与Theme格式详解】 在计算机领域,"主题"(Theme)通常指的是用户界面的视觉样式,包括颜色、字体、图标、布局等元素,用于改变软件或操作系统的整体外观。YLMF,全称为“易乐盟”,是一个知名的中文开源操作...

Global site tag (gtag.js) - Google Analytics