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

一个 class,多个样式表

    博客分类:
  • CSS
 
阅读更多
引用

问:如何使用一个 class 应用多个样式表?比如如下样式表:

.c1{color:#FF0000;}
.c2{font-size:14px;}

<div id="title">标题</div>

如何使标题既可以用 c1 也可以用 c2。

答:在 class 值的多个名称之中用空格隔开。如:
<div id="title" class="c1 c2">标题</div>标题就会显示为红色、14px。

分享到:
评论

相关推荐

    css样式表基础

    3. **外部样式表**:将样式定义在一个单独的CSS文件中,然后通过`&lt;link&gt;`标签将其链接到HTML文件。 ```html ``` 在此例中,`styles.css`文件包含如下内容: ```css body { font-family: "宋体"; ...

    css样式表中文手册

    3. **过渡(Transitions)**:平滑地改变一个或多个CSS属性的值。 4. **动画(Animations)**:通过关键帧实现复杂的动态效果。 5. **多列布局(Multi-column Layout)**:自动创建多列内容布局。 6. **媒体查询...

    在html中引入外部样式表

    2. **复用性**:通过一个样式表可以控制多个HTML页面的样式,减少重复代码。 3. **缓存利用**:浏览器会缓存样式表,用户再次访问相同站点时,加载速度更快。 4. **优化加载**:可以通过`media`属性延迟加载只在特定...

    CSS样式表.doc

    CSS的层叠(Cascading)是指当一个元素收到多个样式声明时,浏览器会根据层叠顺序决定使用哪个声明。顺序大致为:内联样式 &gt; 内部样式块 &gt; 外部样式表,更具体的规则涉及`!important`声明、特异性(Specificity)...

    《CSS 样式表中文手册》 ,样式表基础学习教程

    本教程《CSS 样式表中文手册》是一个面向初学者的资源,特别适合那些想要掌握样式表基础知识的人。 **CSS简介** CSS是一种标记语言,与HTML或XML(包括SVG、XHTML等)配合使用,用来描述文档的呈现方式。它的主要...

    CSS样式表中文手册

    本资源“CSS样式表中文手册”是一个详细的参考资料,旨在帮助你提升CSS技能并理解其核心概念。 **一、CSS基础** 1. **选择器**:CSS中的选择器用于指定要应用样式的HTML元素,如`h1`(一级标题)、`.class`(具有...

    CSS层叠样式表介绍

    1. **自定义CSS**:通过定义一个类(class),可以在页面中多次引用。定义类时,类名前加点,如`.bg`;引用时,将类名添加到HTML元素的`class`属性中,如`&lt;body class="bg"&gt;`。 2. **重定义HTML标签的CSS**:可以...

    CSS--层叠样式表(DOC版)

    - 类选择符允许一个元素拥有多个样式类,用`.`前缀标识,如`.warning`。HTML中使用`class`属性指定类,如`&lt;p class="warning"&gt;`。 - ID选择符是唯一标识元素的,用`#`前缀标识,如`#svp94O`,在HTML中通过`id`属性...

    CSS层叠样式表手册

    在这份“CSS层叠样式表手册”中,我们将深入探讨CSS的核心概念、选择器、布局技术、动画和过渡,以及响应式设计等多个关键知识点。 1. **CSS基础** - **语法**:CSS由规则组成,每个规则包含一个选择器和声明块。...

    HTML——CSS样式表教程

    2. **组合选择器**:可以将多个选择器组合使用,如`h1+p`选择紧跟在`h1`后的`p`元素。 3. **伪类和伪元素**:伪类如`:hover`表示鼠标悬停状态,伪元素如`::before`、`::after`在元素前后插入内容。 4. **属性选择...

    ASPCSS样式表总结

    - **外部样式表**:保存在单独文件中,可应用于整个网站的多个页面,提高代码复用性和维护性。 ### 8. **创建常见样式** 使用CSS可以创建各种视觉效果,如细边框文本框、文字样式、颜色搭配等。例如,设置一个带有...

    样式表中文手册CSS2.0(CHM)

    多个样式表可以应用到一个文档上,每个表中的规则根据优先级和来源进行层叠,最终确定元素的样式。 2. **选择器**:CSS通过选择器来定位文档中的特定元素,如`h1`用于选择所有一级标题,`#id`用于选择具有特定ID的...

    级联样式表CSS学习笔记

    - 可以在一个样式表中导入另一个样式表。 - 示例: ```html ,projection"&gt; @import url(http://www.it315.org/style.css); @import url(/style/my.css); p { font-size: 20pt; color: blue; } ``` ###...

    CSS样式表帮助文档

    **CSS(层叠样式表)**是网页设计...而"cssfilter.chm"文件很可能是这样一个详细的CSS参考手册,包含了所有这些概念及其用法的详细解释和示例。通过阅读和实践,你可以逐步掌握CSS的精髓,创造出美观且功能强大的网页。

    CSS层叠样式表

    - **组合选择器**:可以将多个选择器组合使用,如相邻兄弟选择器(`A + B`)、后代选择器(`A B`)和伪类选择器(`:hover`、`:active`、`:focus`等)。 - **选择器优先级**:ID选择器&gt;类选择器&gt;标签选择器&gt;内联样式...

    CSS样式表中文API

    6. **层叠(Cascading)**:CSS的命名来源于其样式层叠的特性,多个样式来源会合并形成最终效果。 **二、CSS盒模型** 盒模型是理解CSS布局的关键,包括内容(Content)、内边距(Padding)、边框(Border)和外边距...

    css样式表使用大全

    CSS的层叠与继承是另一个重点。层叠允许不同来源的样式相互覆盖,而继承则是子元素可以继承父元素的部分样式属性。理解这两个概念能帮助你更好地管理样式冲突和提高代码效率。 此外,书中还会涉及CSS的响应式设计,...

Global site tag (gtag.js) - Google Analytics