css的#和.的区别

2009-03-04 14:43fyws 分类：Html/Css | 浏览 1911 次

css的#和.的区别如：#home #h3 {  padding-top:0;  padding-bottom:0;  }.pop #h2, .pop #h3 {  position:static;  background:none;  border-width:0;  width:auto;  }其中#和.的区别是什么

分享到：

2009-03-04 14:58

#群雄争霸，团队需要你！#

提问者采纳

用 # 定义的css 要用 id="home" 来引用用 . 定义的css 要用 class="pop" 来引用

像下面#home #h3 表示 id为 home的网页元素 里面的 id为 h3的元素引用 {padding-top:0;padding-bottom:0; }样式

<div id="home">   <div id="h3"> 这个div用 #home #h3 样式</div></div>

<div class="pop>   <div id="h2"> 这个div用 .pop #h2 样式</div></div>

<div class="pop>   <div id="h3"> 这个div用 .pop #h3 样式</div></div>

.pop #h2   和 .pop #h3 是一样的

时间： 2024-10-29 22:28:36

css的#和.的区别的相关文章

Atitti  css   transition Animation differ区别

Atitti css transition Animation differ区别 1.1. transition的优点在于简单易用,但是它有几个很大的局限. 1 1.2. js 动态改变 style 内容 ,样式覆盖 1 1.3. Velocity 和 GSAP2 1.1. transition的优点在于简单易用,但是它有几个很大的局限. (1)transition需要事件触发,所以没法在网页加载时自动发生. (2)transition是一次性的,不能重复发生,除非一再触发. (3)tr

Atitti css transition Animation differ区别

Atitti css transition Animation differ区别 1.1. transition的优点在于简单易用,但是它有几个很大的局限. 1 1.2. Transition是可以自动触发的使用timeout1 1.3. js 动态改变 style 内容 ,样式覆盖 2 1.4. Velocity 和 GSAP2 1.1. transition的优点在于简单易用,但是它有几个很大的局限. (2)transition是一次性的,不能重复发生,除非一再触发. (3)tran

HTMl、CSS、JS的区别：

HTMl.CSS.JS的区别: Html:决定网页的结构和内容----[结构] Css:控制页面的表现样式,如:美化页面----[表现] Js:控制网页的行为,如:给页面加动态的效果----[行为] 原文地址:https://www.cnblogs.com/reyinever/p/10776858.html

关于HTML、XHTML、CSS、XML的区别

1.HTML(Hyper Text Mark-up Language) HTML(Hyper Text Mark-up Language)即超文本标记语言或超文本链接标示语言,是为“网页创建和其他可在网页浏览器中看到的信息设计的一种标志语言”,也是构成网页文档的主要语言. 设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上.我们只需使用鼠标在某一文档中点取一个图标,Int

CSS中#和.的区别

id:用来定义页面中大的样式,如栏目划分,顶部,正文,底部等:用#top的形式来定义: class:用来定义一些比较细节的样式,如具体的一个菜单,一行文字等,用.text的形式来定义. 定义HTML中的标签,如ul,img,p等时,直接写:img{} class是样式组,用.style定义,class="style": .style定义样式组,可以被反复调用,就是说你一个页面里,可以有多个元素用同一个style: ID是固定标签,用#style1定义,ID="style1&q

css link和@import区别

1.link语法结构 <link href="CSSurl路径" rel="stylesheet" type="text/css" /> 实际应用截图: 使用link标签截图 Html link标签说明此标签是引入CSS文件link标签,只要设置好路径即可. 扩展阅读:html link 2.@import语法结构 @import + 空格+ url(CSS文件路径地址); 1).在html中 <style type=&quo

CSS伪类与CSS伪元素的区别及由来

关于两者的区别,其实是很古老的问题.但是时至今日,由于各种网络误传以及一些不负责任的书籍误笔,仍然有相当多的人将伪类与伪元素混为一谈,甚至不乏很多CSS老手.早些年刚入行的时候,我自己也被深深误导,因为论坛里的帖子大多不关心这种概念的细微差别,即使有人出来说一句:"这两个是不同的",也只是被更多的帖子淹没掉而已.所以觉得有必要写下这些我所知的部分,这里着重写的是为什么这两者不同,以及一些平时容易错过的细节. 无论是伪类还是伪元素,都属于CSS选择器的范畴.所以它们的定义可以在CSS标准

转贴：CSS伪类与CSS伪元素的区别及由来具体说明

关于两者的区别,其实是很古老的问题.但是时至今日,由于各种网络误传以及一些不负责任的书籍误笔,仍然有相当多的人将伪类与伪元素混为一谈,甚至不乏很多CSS老手.早些年刚入行的时候,我自己也被深深误导,因为论坛里的帖子大多不关心这种概念的细微差别,即使有人出来说一句:“这两个是不同的”,也只是被更多的帖子淹没掉而已.所以觉得有必要写下这些我所知的部分,这里着重写的是为什么这两者不同,以及一些平时容易错过的细节. 无论是伪类还是伪元素,都属于CSS选择器的范畴.所以它们的定义可以在CSS标准的选择器章

css link和@import区别用法

这里link与@import介绍的是html引入css的语法单词.两者均是引入css到html的单词. 1.link语法结构<link rel="stylesheet" type="text/css" href="CSSurl路径" /> 实际应用截图: 2.@import语法结构 @import + 空格+ url(CSS文件路径地址); 1).在html中<style type="text/css"&g