CSS中#与.的区别

最新推荐文章于 2024-07-25 08:14:42 发布
最新推荐文章于 2024-07-25 08:14:42 发布
阅读量853 收藏
点赞数
分类专栏： css 文章标签： css wrapper class div

在CSS，具体是在 style.css 中， # 号是你用来指向跟着 id 的 DIV。而点号是用来指向跟着 class的 DIV。举个 class 的例子，如果你的代码是 <div class=”wrapper”>，那么就用 .wrapper 来替代 #wrapper 去指向 wrapperDIV 标签

 

 

************************************************************

作者：Leo           出处：CSS中#与.的区别

************************************************************

zll01
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS内外边距的区别
weixin_44567226的博客
05-18 1015
外边距(Margin)：围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。 内边距(Padding)：元素的内边距在边框和内容区之间。 在初学CSS的时候内外边距的解释比较抽象 下面是详细解释： 创建一个页面给body设置一个灰色背景，为了方便演示我加了float左浮动 创建一个div元素设置属性并且添加内容 内边距简单解释就是元素与该元素的内容的距离 <!DOCTYPE html> <html> <head> <meta name
CSS3与之前版本的区别
itguaicai的专栏
02-15 1040
CSS3代码更简洁、页面结构更合理，性能和效果得到兼顾；CSS3.0的一个动态流概念很好，类似FLASH味道，这个CSS2.0无法比拟；CSS3数据更精简实用，许多CSS2.0要用图片做效果，它不需要，直接代码；之前CSS版本请求服务器次数就要明显高于CSS3.0，所以性能和访问就要明显差点；CSS3.0的兼容性问题，仅支持IE9、FF4+、chrome11+浏览器。
css的#和.的区别
u012045045的博客
11-05 1128
在选择器里 （1）.开头的表示的是类名选择器 &lt;style&gt;     .con {         color: #39f;     }     &lt;/style&gt; &lt;div class="con"&gt;HTML5 学堂&lt;/div&gt; （2）#开头的表示的id选择器 &lt;style&gt;         #con {     ...
css中井号，点，星号的区别和应用实例。
xge的专栏
05-05 9600
在css文件中，经常会看到#号、*号和“.点”，对于没有一点css阅读、开发经验的朋友来讲，这几个符号所代表的意思是什么、有什么作用，肯定是一点都不知道，那么今天我们就一起来认识一下这3个符号在css中的共同点和区别。 “#(井)号”、“*号”、“.点”的相同点： 他们有着一个共同点， 就是都是用来控制网页中元素的css代码的一部分，没有了这几个符号，css代码就无法控制网页元素的显示布局，页
CSS中#和.的区别
Nicker_的专栏
01-19 4635
CSS中#和.的区别 大多数时候，写css都会用.xxx这样的写法。 偶尔会看见使用#yyy这样的写法。 #yyy 是针对id的，而.xxx就如大家常用的那样，是指向class的。 使用如下： <div id="xxx"></div> <div class="yyy"></div> 如果出现这种写法，id优于class <div id="xxx" class="yyy"></div> 针对class写更加灵活，一个div可以有多个c
css中.和#区别
ZJC'博客
02-16 3484
当然有有，最简单的说#是id属性而.是class属性。 1，在css样式表中书写时，id选择符前面应该加前缀符号‘#’，而class选择符前面应该加前缀符号‘.’。 2，id属性一般在一个页面中只可以使用一次，而class可以被多次引用。 3，id作为元素的标签，用于区分不同结构和内容，而class作为一个样式，它可以应用到任何结构和内容上。 4，在布局思路上，一般坚持这样的原则：id是先确定页面...
CSS中#号、.号、*号详解
m0_46848664的博客
07-16 6871
代码】CSS中#号、.号、*号详解。
css中.号、#号、*号都是什么意思，通俗易懂系统讲解
我真的睡不够
12-19 1672
号是标签都遵循的统一样式，这个不难理解。下面总结#和.的区别和用法，通俗易懂的说，#对应id，.对应class不加对应html 标签，id优先大于class。Class与ID的区别一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本：一个Class可以定义剧本中每个人物的故事线， 你可以通过CSS，Javascript等来使用这个类。
fecommunity#front-end-interview#4.CSS动画2
07-25
1.CSS动画的实现方式 1. transition补间动画 2. keyframe关键帧动画 3. 逐帧动画 2.过渡动画和关键帧动画的区别 3.如何实现逐帧
div+css中Class与ID的区别
10-30
"div+css中Class与ID的区别" 在 HTML 和 CSS 中，Class 和 ID 是两个常用的选择器，用于选择和样式化网页元素。然而，这两个选择器有着根本的区别，了解它们的差异非常重要。 首先，让我们从 Class 开始。Class 是...
CSS知识点汇总.docx
09-01
内部样式表与行内样式表区别 内部样式表和行内样式表都是 CSS 的引入方式，但它们有所区别： * 内部样式表在 HTML 文档中使用标签定义，作用于整个文档。 * 行内样式表在 HTML 元素中使用style属性定义，仅作用于...
html5-css面试题.doc
04-15
在 CSS3 中，`overflow-x` 和 `overflow-y` 被引入以允许分别控制水平和垂直方向上的溢出内容处理方式。这为网页布局提供了更多的灵活性和精确度。 ### 2. 清除浮动的方法 清除浮动是前端开发中常见的需求，主要...
CSS3clock:仅限 CSS3 的工作时钟
06-06
所有的尺寸和位置值都在 EM 中，这意味着时钟缩放得很好，而且由于所有动画都是 CSS，所以性能也很好。 CSS/HTML 唯一不能做的就是将其动态设置为正确的时间。 如果需要，可以使用 JavaScript 或服务器端代码（例如...
CSS中ID与CLASS的区别
weixin_30888413的博客
02-21 249
id：用来定义页面中大的样式，如栏目划分，顶部，正文，底部等；用#top的形式来定义； class：用来定义一些比较细节的样式，如具体的一个菜单，一行文字等，用.text的形式来定义。 定义HTML中的标签，如ul,img,p等时，直接写：img{} 以上摘自网络： #main和.main有什么区别:#main 定义的是ID为"main"这个元素的样式.main 的意思是新建一...
#和.以及id和class的对比
chumixue5653的博客
07-21 2078
当然有有，最简单的说#是id属性而.是class属性。 1，在css样式表中书写时，id选择符前面应该加前缀符号‘#’，而class选择符前面应该加前缀符号‘.’。 2，id属性一般在一个页面中只可以使用一次，而class可以被多次引用。 3，id作为元素的标签，用于区分不同结构和内容...
CSS 特殊字符 ‘#‘ 、‘.’ 、‘*’、‘：’、空格“ ”、 ‘＞’ ， ‘，’
LlanyW的专栏
12-30 5701
上面的代码运行后，你会发现，页面中出现一个高20px，宽500px，红色背景的一个层，它可以表明#号是控制id为“csdn”的这个DIV的，也就是说css中#号是控制和他同名的网页元素的。*号是css中的通配符，意思是所有的标签都有的属性，表示所有的标签都遵循的统一样式。运行上面的代码你会发先，“第一个层”和“第二个层”拥有的是相同的css属性。上面的*号设置了页面中所有文字大小后面在没有单独设置的情况下为14像素。
CSS 中 # 和 . 的区别
Agust1990的专栏
08-05 730
SS  中  #  和  .  的区别    id ：用来定义页面中大的样式，如栏目划分，顶部，正文，底部等；用 #top 的 形式来定义；   class ： 用来定义一些比较细节的样式， 如具体的一个菜单， 一行文字等， 用 .text 的形式来定义。  
css实现线条中间高亮，左右两边模糊（linear-gradient的运用）
贵林之恋的博客
07-24 330
效果： CSS实现边框底部渐变色的方法:(最简单的一种) 参考文章：CSS实现边框底部渐变色的4种方法_css下边框渐变-CSDN博客
css 作业 2
最新发布
没有 bug 的代码是不完美的！
07-25 673
写完了
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值