檬味博客 » 问答 » CSS里面一开始就要1个“.”是为什么呢

CSS里面一开始就要1个“.”是为什么呢

那个“.”是十分重要的，它是css最基础的部分：选择器选择器主要有3种：标签选择器、id选择器、类选择器element、id、class你说的“.”就是类选择器啦~无论是哪种选择器，都是表示选择某一类别的html标签，为它们加上样式.style1意思就是为所有 带有 class="style1" 的 html 标签加上相应的样式...
CSS里面一开始就要1个“.”是为什么呢
先要分清楚css书写含义
body { 代表html中body的标签，即<body></body>，html自带的标签是不用加 . 或者 # 号的 }
.body { 代表class命名，即<div class="body"></div>; }
#body { 代表id命名，即<div id="body"></div> }
这三者所代表的含义不一样！你去掉点之后直接把类名变成标签名，这样用class的都无效了2013-09-18
恭喜你，你已经开始进入学习css相关知识的领域了。
那个“.”是十分重要的，它是css最基础的部分：

选择器

选择器主要有3种：标签选择器、id选择器、类选择器
element、id、class
你说的“.”就是类选择器啦~

无论是哪种选择器，都是表示选择某一类别的html标签，为它们加上样式
.style1意思就是为所有 带有 class="style1" 的 html 标签加上相应的样式
要是去掉了“.”，那就变成 为所有 <style1> 标签加上相应的样式（当然一般情况不会用这种自定义的标签）

区别很大哦~2013-09-18
这是css选择器，一个点是代表一个class(类)，.style1那样，你一个<div class="style1"></div>就会有对应的样式。#style是代表ID。查阅CSS选择器相关的资料会有更详细内容2013-09-18
不为什么，最初设计CSS的家伙们就规定了类名在样式表中用“.”来开头，id用“#”开头。就好像1+1就是等于2，不为什么2013-09-18
是为了定义一个类，就是一种规定。不用太钻这个。2013-09-17
在CSS中用这个点代表定义的是类选择符，在HTML元素中，可以通过class="style1"来应用这个样式，不能把点去掉，去掉后定义的就算是属性选择符了，不是一个意思了。2013-09-18
这是CSS样式表的选择器，还有#
ID选择器（#号开头）：
#header{...}表示对页面上ID为header的元素生效，一般是一个
.style1{...}表示对页面元素的class属性是style1的生效，可能有多个2013-09-18
////
.style1{样式1}

#style1{样式2}

////

<div class="style1"> 效果 </div> // class="style1"应用的是 样式1 点(".")表示用关键词class来应用 去掉 点(".") 不会调用 样式1;

<div id="style1"> 效果 </div> // id="style1"应用的是 样式2 符号 # 表示用关键词 id 来应用
去掉 # 不会调用 样式2;2013-09-17
. 貌似代表的是这一类啊，你去掉了 你这个样式肯定没的用了啊2013-09-17
.style1,表示的是Class="style1"的样式css2013-09-17
这个是class样式2013-09-18
mengvlog 阅读 37 次 更新于 2025-09-07 17:08:00 我来答关注问题0
11 个回答檬味博客专题活动
  • 文暄生活科普 css怎么排除第一个子元素

    css排除第一个子元素的方法：1、通过使用伪类选择器“:not”实现排除；2、通过使用“nth-of-type”或者“nth-child”实现排除；3、通过使用“+”或者“~”兄弟选择符实现获取排除第一个之外的子元素。本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。css获取除第一个之外的子元素 在前端...

  • 互联网达人小J CSS发展史

    1996年12月W3C推出了CSS规范的第一个版本，1998年W3C发布了CSS的第二个版本即CSS2.0,2001年5月W3C开始进行CSS3标准的制定，到目前为止该标准还没有最终定稿。CSS1.0 选择器：要使用CSS对HTML页面中的元素实现一对一，一对多或者多对一的控制，就需要用到CSS选择器。选择器大致分为派生选择器、ID选...

  • 机器1718 CSS flex布局

    flex布局是一种无论对于块级元素还是行内元素都可以被采用的布局，且它使用起来也是十分的方便 首先是要指定flex布局 当我们指定flex布局方式的时候，其属性值 float、clear、vertical-align就失效了 无论是块级元素还是行内元素，当他们指定使用flex布局的时候，就被称为“ 容器 ”（flex container）他们...

  • 文暄生活科普 css如何设置div边框css设置div边框颜色

    只要定义的边框不为0，就可以显示边框(但是需要定义边框线条样式)。如果想只显示下边框，相当于把上、右、左设置为0px；只要下边框不为0。例子如下:仅显示下边框 显示如下:如果只想显示右边框，只需将border-width属性更改为01px00。html中边框怎么设置位置？1、html中调整位置使用css的float属性。详细...

  • 秘籍小星 html中如何实现段落首行悬挂

    text-indent:2em;解释：text的意思是文本、indent在计算机英语中意思是缩进、至于后面的2em意思就是2个相对单位； em解释：相对于当前对象内文本的字体尺寸。（引自CSS参考手册 ）各位同学，要仔细品一下这个概念！理解了吧，em这个单位的意思就是相对文字大小，1em就是1个文字大小，2em就是两个文字...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部