`
zybing
  • 浏览: 446494 次
  • 性别: 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标签的风格

 

 

 

 

 

分享到:
评论

相关推荐

    div+css有实例,易学易懂

    4.5.1 调用样式表的几种方法 4.5.2 应用样式的优先级 4.6 网页头部实例 第 5 章 CSS 基本布局属性 第50 页 5.1 页面的制作流程和整体分析 5.2 元素定位基础知识 5.2.1 块元素的默认排列 5.2.2 内联元素的默认排列 ...

    级联样式表CSS学习笔记

    一、设置CSS的几种方式 二、样式选择器 1.Html selector 2.Class selector 3.ID selector 4.关联选择器 5.组合选择器 6.伪元素选择器 三、其他 1.注释 2.内层标签会继承外层标签的定义 3.内层标签的重定义...

    CSS属性简写和选择器的优先级问题

    具有简短写法的 CSS 属性很多,但是常用的属性无外乎字体、列表、背景、边框、透明等几种,所以在此对这几种属性的简短写法做个归纳,备忘。font 属性 font 属性涉及到字体、字号、行高等好几个属性,使用简短写法的...

    精彩绝伦CSS2

    1.省略简写属性值的...除了以上介绍的几种属性,还有几种属性可以单独定义各方向的边框。下面对它们进行分类介绍。 设定上边框属性: border-top,它的设置格式和border相同,依次设置宽度、样式、颜色: ......

    css基础.rar

    伪类的几种样式是无法通过第三种样式定义的。 二、语法 样式表语法 (CSS Syntax) 元素 { 属性:值 } 元素的写法将在下面第三部分讲到,属性和值将在第四部分讲到。 ....................................

    css高频笔试题目精讲

    css常见单位rpx、px、em、rem、%、vh、vw的区别,垂直居中水平居中,利用css构建三角形(正三角,倒三角,左/右三角),响应式布局的方式,几种,媒体查询原理,flex布局,父相子绝,css常见单位rpx、px、em、rem、%...

    css入门笔记

    使用css样式方式 1.内联样式 行内样式 特点:将css样式定义在HTML标记中 语法: 样式声明:用样式属性和值组成(属性:值;) 常用的样式属性: 1.颜色 属性 :color 颜色 取值:颜色英文名 2.背景颜色 ...

    前端大厂面试思维导图-css面试

    css常见面试题目,自适应两栏布局避免垂直方向margin合并BFC定义,布局规则,防止高度坍塌,自适应两栏布局,利用css构建三角形(正三角,倒三角,左/右三角),响应式布局的方式,几种,媒体查询原理,flex布局,父...

    CSS清除浮动大全共8种方法

    css清除浮动大全,共8种方法。 浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。...

    css3 伪元素和伪类选择器详解

    常用的伪类选择器是使用在a元素上的几种,`如a:link|a:visited|a:hover|a:active`  提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。 提示:在 CSS 定义中,a:active 必须被置于 a...

    CSS3盒子模型详解

    掌握几种“box-sizing”属性值的不同含义,能够正确的使用box-sizing属性来定义样式中给定的元素的宽度值和高度值中是否包含内部补白区域,以及边框的高度和宽度; 盒的类型 inline-block css中我们使用display来...

    解决css中的匹配问题

    匹配的方式有几种。当然也可以在 html 中写不同的类名,或者写相同的类名,就能够实现所有的样式的匹配。但有时候类名不能够写到相同,这样就会出现冗余的代码,就会造成代码复杂度的增强。为了减少代码的冗余,就...

    CSS中几种浏览器对不同版本的支持与区分写法

    可进行浏览器兼容性重复定义

    详解CSS 去掉inline-block元素间隙的几种方法

    inline-block 即内联块,在CSS的元素分类中可以分成三种:行内元素或者内联元素、块级元素、以及内联块元素。 内联块元素具有了内联元素以及块级元素的特性:(1)元素之间可以水平排列 (2)可以当做一个块级元素来...

    html+css基础入门学习教程之什么是列表,列表分为几种

    什么是列表,列表分为几种 顾名思义,HTML列表就是显示列表使用的。 列表分为无序列表,有序列表和定义列表3种。 无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表...

    CSS3常用的几种颜色渐变模式总结

    现在html5 css3已经越来越流行,用CSS3实现DIV渐变已经不是什么难事了,这篇文章给大家整理了现在常用的三种颜色渐变模式,包括线性渐变、径向渐变和重复的线性渐变,文中通过示例代码介绍的很详细,有需要的朋友们...

    cssapi:CSSAPI为使用CSS-in-JS的网站和应用程序提供了一种简单的机制,用于定义,管理和访问在样式,跨断点中使用的值,从而提高了一致性和灵活性

    CSSAPI CSSAPI为使用CSS-in-JS的网站和应用程序提供了一种简单的机制,用于定义,管理和访问在样式,跨断点中使用的值,从而提高了一致性和灵活性。 在最近几年中,通过在样式的声明和样式的呈现之间添加一个层,...

    CSS实现导航条Tab切换的三种方法介绍

    根据上图所示,先规定几个定义,上图的模块整体叫做导航,由导航标题和导航内容组成。要实现上图所示的布局效果,有两种布局方法:语义布局和视觉布局 【语义布局】 从语义布局的角度来看,每一个导航标题和其对应的...

    css布局模型全面了解

    css是网页的外衣,好不好看全凭css样式,而布局是css中比较重要的部分,下面来分析一下常见的几种布局。 流动模型 流动模型是网页布局的默认模式,也是最常见的布局模式,他有两个特点: 1.块状元素都在所处包含元素...

Global site tag (gtag.js) - Google Analytics