`
smartgz
  • 浏览: 68237 次
  • 性别: 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文件了。
分享到:
评论

相关推荐

    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-theme.css.map

    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 ...

    css color theme

    my think sbout the color combo in web page

    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' ) ]

    jquery-ui.theme.css

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

    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...

    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-...

    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 ...

    WordPress 2.8 Theme Design.pdf

    Chapter 1: Getting Started as a WordPress Theme Designer 7 WordPress perks 7 Does a WordPress site have to be a blog? 8 Pick a theme or design your own? 9 Drawbacks to using an already built theme...

    如何修改moodle_theme主题皮肤.docx

    如何修改moodle_theme主题皮肤.docx如何修改moodle_theme主题皮肤.docx如何修改moodle_theme主题皮肤.docx如何修改moodle_theme主题皮肤.docx如何修改moodle_theme主题皮肤.docx如何修改moodle_theme主题皮肤.docx

    Bootstrap CSS

    BootStrap Custom Theme CSS

    jquery.mobile css

    html5 开发 jquery.mobile.theme-1.4.5.min.css 样式表

    BuddyPress Theme Development

    Use CSS to make changes to theme compatibility Create custom templates for BuddyPress components Build your own widgets to use in your theme Run theme-checks on your themes Approach This book is a ...

Global site tag (gtag.js) - Google Analytics