章节
问答
课签
笔记
评论
占位
占位

再选一个类 - 类选择器

类选择器在css样式编码中是最常用到的,如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。

语法:

.类选器名称{css样式代码;}

注意:

1、英文圆点开头

2、其中类选器名称可以任意起名(但不要起中文噢)

使用方法:

第一步:使用合适的标签把要修饰的内容标记起来,如下:

<span>胆小如鼠</span>

第二步:使用class="类选择器名称"为标签设置一个类,如下:

<span class="stress">胆小如鼠</span>

第三步:设置类选器css样式,如下:

.stress{color:red;}/*类前面要加入一个英文圆点*/

 

任务

我来试试,为第二段文字中的“公开课”三个文字设置为绿色

 

?不会了怎么办

1.在右边编辑器的第17行,输入:

<span class="setGreen">公开课</span>

2.在右边编辑器的第11-13行,输入:

.setGreen{
   color:green;
}

 

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / 逆小岚_gDPX46
setgreen那里大括号没打全

最新回答 / weixin_慕哥6237045
text-align:center;方式就可以居中

已采纳回答 / weixin_慕粉0283244
类选择器 语法:.类名{声明}

已采纳回答 / iuhiiu
你的代码有点错误,应该是这样的<style type="text/css"></style>类选择器不一定在style中,还可以在div盒子标签中的,等等

最赞回答 / 星河皆你
    <p>到了三年级下学期时,我们班上了一节 .set{        color:green;    }<span class="set">公开课</span>,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

最新回答 / 馬駿朱
不是必须,也可以使用 id=" "

最赞回答 / 慕斯卡81715748522978095
<span style="color:green;">公开课</span>使用内联需要加一个style

最新回答 / 慕村2099840
设置CLASS时关键词必须用class=" ",双引号里才是名称,比如你可以取getgreen,然后再style样式表里使用.getgreen选择这个class,再进行设置。

最新回答 / 慕无忌9152638
在这里改也是可以的吧,不过你改样式还是在css里面改比较好

最赞回答 / 木城武
这样所有h标签的全部变绿色了,而且如果其他标签想要使用,又要重新定义。所以设置一种颜色,起个名字 ,想在哪里用直接写名字就可以了。

最赞回答 / 屈军20191603141003
简而言之:类是css选择器与html元素的一个链接点。而与id的区别,id只能用一次!类可重复使用,就像人类可以有黑人,百人,黄种人,同理而喻:名为XXX的类,若有p,div等等标签元素进行的class="XXX",则这些标签都可用XXX这个类中的css样式(当然可能有些不能用,基于标签的类型等等)!

最赞回答 / 慕无忌3301904
绿色非常浅,

最新回答 / 慕沐3296643
不要中文就行了,最好类名起一个有意义的,这样以后也方便代码的维护,看起来一目了然

最赞回答 / 慕工程8318248
可以啊.one{color:blue;}.two{color:red;}..................................................................................................................<body>        <p class="one">动手编码</p>        <p class="two">加油!加油!</p></...

最新回答 / happyvb
class是css的选择器之一,以.号开命名,在标签是指定class为相应的类名即可。
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言