`
zybing
  • 浏览: 455817 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS几种定义方式

阅读更多

1. 针对标记的定义:

 

 

<style type="text/css">
  h1{color:red;>
</style>

 这个对页面中的所有h1都起效果

 

2.针对HTML中的某个id

 

<style type="text/css">
  #title{color:white; background-color:silver;}
</style>

 对页面中,id为title的标签起效果

 

3.定义一个class

 

<style type="text/css">
  .title{color:white;}
</styel>

使用的时候,在页面标签中需要通过<   class="title" >来指定

 

总结:

 

定义方式 例子 说明
不加任何前缀 h1{...} 对所有h1的标签都发生效果,不需要在页面中指定CSS
加# #title{...} 对id为title的标签起效果,不需要在页面中指定CSS
加. .title{...} 创建一个CSS的class,在页面中要用<    class="title">的方式引用

 

 

--------

进一步:指定某个块中的元素属性:

 

#preamble em{color:white;}

这个指定了在:id=preamble块中的em标签的风格

 

 

 

 

 

分享到:
评论

相关推荐

    用CSS定义标题的几个实例

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现方式的语言,它使得我们可以对文本、图片、布局等进行详细的样式定义。在这个主题“用CSS定义标题的几个实例”中,我们将深入探讨如何使用...

    css背景渐变几种样式

    CSS 渐变(Gradients)是网页设计中一种常见的视觉效果,可以为元素添加平滑的颜色过渡。在本文中,我们将探讨如何使用CSS实现不同方向的背景渐变,包括从上到下、从左上到右下以及从左到右等。 1. **从上到下渐变*...

    csl_css_宏定义_解析

    在深入探讨《csl_css_宏定义_解析》这一主题之前,我们首先应当明确几个关键概念:宏定义、结构体以及它们在特定上下文中(如本例中的EDMA配置)的作用与意义。本文将详细解析《csl_css_宏定义_解析》,重点解读其在...

    css字体几种写法

    ### CSS字体几种写法详解 在CSS中定义字体的方式多种多样,不同的浏览器对字体的支持程度也不尽相同。本文将详细介绍几种常见的中文字体定义方法及其兼容性问题。 #### 使用中文名称定义字体 最常见的方法是直接...

    Table常用的几种CSS样式

    以下是对"Table常用的几种CSS样式"的详细阐述。 1. **边框样式**: - `border-collapse`: 控制表格边框是否合并。`collapse`将合并相邻单元格的边框,`separate`则保持边框独立。 - `border-spacing`: 设置或获取...

    关于CSS的几种经典布局

    标题中的“关于CSS的几种经典布局”指的是在Web开发中,使用CSS来创建常见的、高效且灵活的页面布局方法。CSS(层叠样式表)是用于控制网页元素样式的重要工具,能够实现各种复杂的布局设计。以下是一些CSS的经典...

    DIV+CSS的几种标准网页模板

    在网页设计领域,DIV+CSS是一种广泛采用的技术,用于构建高效、可维护的网页布局。这个压缩包文件“CSS+DIV模板”包含了多种常见的网页模板,如相册、清新风格、简洁风格、游戏主题、星座主题、网上超市以及博客模板...

    CSS中几种常见的注释

    今天,我们将介绍几种常见的 CSS 注释方式,它们可以帮助你在不同浏览器中隐藏或显示代码。 选择器(Child Selector) 在 CSS 中,选择器是一种常见的注释方式,它可以帮助你在 IE 浏览器中隐藏一个 CSS 定义。这种...

    几种气泡按钮样式CSS3

    5. **悬停和活性状态**:CSS3的`:hover`和`:active`伪类可以分别定义鼠标悬停和按下按钮时的样式,提供反馈。例如,改变背景色或增加透明度,使按钮在不同状态下有不同的视觉反馈。 6. **动画效果**:利用`@...

    JavaScript访问CSS属性的几种方式介绍_.docx

    JavaScript访问CSS属性主要涉及两种方式:通过元素访问和直接访问样式表,以及一个重要的概念——运行时样式。这两种方法在JavaScript中用于动态操作网页样式,提供了丰富的可能性。 1. **通过元素访问** 这种方式...

    二十几种常见css模版

    "二十几种常见CSS模板"是一个集合,包含了多种常用的设计模式,用于快速构建和美化网页。以下是一些关键的CSS知识点,这些知识点可能在这些模板中体现: 1. **选择器**:CSS选择器是用于定位HTML元素的关键部分。...

    门户网站构建CSS框架的几种规则

    根据这一分析,我们可以将CSS样式表大致划分为以下几个类别: - **主体样式表**:`sjweb.css`作为所有样式表的入口,用来导入其他样式表。 - **字体样式表**:`font.css`包含所有关于字体、字号和颜色的设置。 - **...

    CSS定义的分类与注释

    CSS的定义主要分为以下几类: 1. **内联样式(Inline Styles)**:这是最直接的CSS应用方式,通过在HTML元素内部的`style`属性来设置样式。例如,`;"&gt;文本&lt;/p&gt;`。内联样式具有最高的优先级,但过度使用可能导致代码...

    css手册 css帮助字典 css帮手

    在CSS 2.0中,有以下几种选择器: - 类选择器(.class):通过类名来选中元素。 - ID选择器 (#id):通过元素的唯一ID来选中元素。 - 标签选择器 (tagname):根据元素的标签名选中元素。 - 属性选择器:根据元素...

    几款不错的css特效

    在网页设计领域,CSS(Cascading Style Sheets)是一种用于定义HTML或XML(包括SVG、MathML等各种XML方言)文档呈现样式的语言。CSS特效是指利用CSS的特定属性和技巧,为网页元素添加视觉上的吸引力和交互性。以下将...

    CSS经验几则.rar

    4. **Flexbox(弹性盒模型)**:Flexbox提供了一种更灵活的布局方式,可以轻松处理元素的对齐、顺序和大小调整。它解决了传统CSS布局的一些复杂问题,如网格布局和垂直居中。 5. **Grid布局**:CSS Grid是二维布局...

    [css]实现垂直居中水平居中的几种方式 - 霪霖笙箫 - 博客园1

    "CSS 实现垂直居中水平居中的几种方式" CSS 中实现垂直居中水平居中的几种方式是非常重要的,以下是几种常见的实现方式: 1. 容器内(Within Container) 在容器内实现垂直居中水平居中可以通过设置容器的 ...

    CSS引入方式资料下载

    下面将详细阐述CSS的几种引入方式。 一、内联样式 内联样式是最基础的CSS应用方式,通过在HTML元素的`style`属性中直接写入CSS代码来设置该元素的样式。例如: ```html ;"&gt;这是一个红色的文字 ``` 这种方式方便快捷...

    CSS样式初始化commonInitialize.css

    在"commonInitialize.css"中,通常会包含以下几类初始化内容: 1. **重置默认样式**:这一步是为了消除浏览器之间的样式差异,如设置`*{margin:0;padding:0;}`,这将清空所有元素的内外边距,确保元素布局的一致性...

    几款漂亮的css代码

    创建炫酷的导航条,我们可以通过以下几种方式来增强其视觉效果: 1. **响应式设计**:确保导航条在不同屏幕尺寸下都能正常工作。可以使用媒体查询(`@media`)来实现布局的自适应。 ```css @media screen and (max...

Global site tag (gtag.js) - Google Analytics