`
tesia
  • 浏览: 33277 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

样式表的创建和规则获取示例

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>样式表的创建和规则获取示例</title>
<link  rel="stylesheet" type="text/css" href="ext-4.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
       
var panel=new Ext.Panel({
title:'样式表的创建和规则获取示例',
frame:true,
renderTo:'test1',
width:'300px',
html:"<div id='div1' style='width:200px;height:200px;padding:10px;'>"+
"<div id='id01' style='height:20px;'"+
"</div>"
});
//通过级联样式表文本规范所述的规则自动创建一个样式表供HTML应用
Ext.util.CSS.createStyleSheet(".myclass{color:blue}","the");
var cssObj=Ext.util.CSS.getRule(".myclass",true);//通过指定的CSS名,查询该CSS规则

Ext.Msg.alert('获取的信息','创建样式表'+'<br>获取myclass样式表中规则的字体颜色:'+cssObj.style.color);

});
</script>
</head>

<body>
<div id="test1"></div>

</body>
</html>
  • 大小: 13.9 KB
分享到:
评论

相关推荐

    Qt5-stylesheet-样式表

    在Qt框架中,样式表(StyleSheet)是一种强大的工具,用于自定义应用程序的外观和感觉。它类似于网页开发中的CSS(层叠样式表),允许开发者通过简单的语句来改变控件的视觉样式。在本文中,我们将深入探讨Qt5 ...

    关于Qt样式表用法的文章

    此外,Qt还提供了`QApplication::styleSheet()`方法来获取或设置全局样式表,以及`QWidget::setStyleSheet()`方法来为单个控件设置样式。 第四,Qt样式表不仅限于颜色和形状的调整,还可以影响控件的行为。例如,你...

    用js动态改变css样式表.docx

    示例代码展示了如何使用DOM操作获取样式表链接元素,并更改其`href`属性。 3. **触发事件**:为了使样式变化生效,我们需要在适当的时间调用这个函数。这通常是在用户点击按钮或执行其他操作时。代码示例中,创建了...

    CSS样式表详细使用手册

    **CSS样式表详细使用手册** CSS(Cascading Style Sheets)是用于控制网页元素呈现方式的一种语言,它允许我们将设计和结构分离,使网站的...样式表.chm文件可能包含更详尽的示例和解释,推荐进一步查阅以加深理解。

    微信小程序官方示例完整源代码下载

    3. **app.wxss**:全局样式表,定义了小程序中所有页面的公共样式规则。 4. **pages** 目录:包含各个具体页面的文件夹,每个页面都有对应的 `.js`(脚本)、`.json`(页面配置)、`.wxml`(页面结构)和 `.wxss`...

    QSS样式Demo.zip

    QSS(Qt Style Sheets)是Qt框架中的一种样式表语言,类似于HTML中的CSS,用于定制Qt应用程序的界面外观。QSS允许开发者通过简单的文本文件定义控件的颜色、字体、边框、布局等视觉属性,实现丰富的用户界面设计,...

    rdlc报表完整示例

    在rdlc报表中,数据集可以通过Visual Studio的报表设计器直观地创建和配置,包括定义字段、筛选条件、排序规则等。 3. **建立子报表** 子报表是rdlc报表中的一个重要元素,它允许在主报表内嵌套另一个报表,以展示...

    Excel实战技巧精粹 示例文件

    1. **数据整理**:Excel在数据整理方面具有强大的功能,如排序(按升序或降序)、筛选(隐藏不满足条件的数据)、合并单元格(用于创建标题)和数据验证(设定输入规则)等。 2. **公式与函数**:Excel中的公式和...

    易表excel套打的示例

    以下是对"易表excel套打的示例"这一主题的详细说明。 易表可能是指一个简化版或增强版的Excel,提供了一些方便用户进行套打操作的功能。在Excel中,我们可以通过以下步骤实现套打: 1. **创建模板**:首先,你需要...

    jquery.addrule:将CSS规则添加到现有样式表

    2. **插入规则**:然后调用样式表对象的`addRule`方法,传入选择器和样式声明。例如,`styleSheet.addRule('.myClass', 'color: red;')`会在样式表中添加一条规则,选中所有类为`.myClass`的元素并设置其颜色为红色...

    asp.net 动态引用样式表代码

    在ASP.NET开发过程中,经常需要根据不同的条件或用户需求来动态地加载CSS样式表或者更改已有的样式规则。这种方式不仅可以提高页面的灵活性,还可以帮助开发者更好地管理样式资源。本文将详细介绍几种常用的ASP.NET...

    perl操作Excel示例

    18. **chess.pl**:这个示例程序展示了如何用Excel创建棋盘样式的效果。 19. **colors.pl**:此示例程序演示了如何设置各种颜色格式。 20. **comments1.pl**:该示例展示了如何向Excel单元格添加注释。 21. **...

    birt API 动态创建交叉表

    在"dynamicxtab.rptdesign"这个文件中,很可能包含了用于演示或示例的BIRT报表设计,这个设计可能展示了如何使用BIRT API动态创建交叉表的代码和配置。通过打开并分析这个文件,我们可以更深入地理解上述知识点,并...

    3D幻灯片示例

    首先,CSS3是 Cascading Style Sheets(层叠样式表)的第三个主要版本,引入了许多新的功能,让网页设计更加丰富和动态。在3D幻灯片示例中,CSS3的几个关键特性被用来实现幻灯片的3D转换效果,如: 1. **3D转换**:...

    Aspose.Cells .NET 编程示例

    - 对于C#开发者,示例提供了清晰的API调用示例,如`workbook.Worksheets[0]`获取第一个工作表。 - VB.NET开发者同样可以轻松理解,例如`workbook.Worksheets(0)`表示相同的操作。 4. **数据操作** - 插入和删除...

    _[帮助文档大全][JS(VB)脚本+CSS样式表+JS案例大全].rar

    它是一个压缩文件,可能包含了多种教程、示例和指南,旨在帮助用户学习和理解这些编程语言和样式表。 描述“比较常用的js+css实例,适合各种层次人员,参考学习”指出这个资源包中的内容不仅适用于初学者,也对有...

    xsl-fo pdf

    1. **开发符合源XML文档DTD的样式表**,以便创建目标输出。 2. **输入XML文档和XSLT样式表到XSLT处理器**,生成XSL-FO。 3. **通过XSL-FO处理器获取目标输出**,如打印文档或PDF文件。 #### XSL-T 和 XSL 基础知识 ...

    npoi使用示例.rar

    - **创建工作簿和工作表**:如何初始化一个新的Excel工作簿,添加工作表。 - **写入数据**:如何在单元格中写入文本、数字、日期等数据。 - **读取数据**:如何读取指定单元格的数据,以及遍历整个工作表。 - **...

    XML学习指南

    2.1.1 创建XML文档 2.1.2 XML文档剖析 2.1.3 一些基本的XML规则 2.2 显示XML文档 2.2.1 显示没有样式表的XML文档 2.2.2 在Internet Explorer 5中获取XML 错误 2.2.3 使用级联样式表显示XML文档 第二部分 创建XML文档...

    Aspose.Cells for .net示例代码

    例如,获取工作表的数量,读取单元格值,检查公式结果,分析样式和格式。 3. **公式和计算**:Aspose.Cells支持Excel中的大多数内置函数,你可以直接在单元格中使用这些公式,并在运行时进行计算。 4. **样式和...

Global site tag (gtag.js) - Google Analytics