马黑黑 发表于 2021-12-26 10:47

CSS类选择器

本帖最后由 马黑黑 于 2021-12-26 10:53 编辑

所谓CSS选择器，通俗的理解是，按照CSS规范制定出来的供HTML调用的样式归类。CSS选择器有诸多种类，这里只谈谈“类选择器”，因为能在论坛正常使用的主要是这个。

类选择器的命名规则是，小角点号+名称，例如 .myDiv ，HTML在引用时仅使用名称，语法格式为 calss="类选择器名称" ，置于HTML相应标签的代码中。

我们发布论坛HTML帖子时，可以构建自己的CSS样式，结构如下：

<style type="text/css">
    /* CSS代码写于此处 本行是注释*/
</style>

现在，开始创建一个类选择器：

<style type="text/css">
/* 创建一个类选择器的容器 */
.myDiv {
    width:800px;
    height:560px;
    color:#000;
    background:#ccc;
}
</style>这样，我们就已拥有一个类选择器的CSS样式，如果需要添加其他属性，可以在大括号里加行，行尾以小角分号结束。/* …… */ 是注释，可以删掉。

接着，我们在相应的HTML标签代码中引用这个类选择器，该标签就会拥有所有预设的属性（如例中的宽度、高度、前景色和背景色）：

<div class="myDiv">
    内容
</div>这个类选择器是可以反复使用的，如果需要。

红影 发表于 2021-12-26 11:02

就是类似一个盒子，把盒子里的东西设计好，使用的时候，把整个盒子的设定的名字搬过去就行了，是这样吧{:4_173:}

辫子哥哥 发表于 2021-12-26 11:02

只评分没回帖的一律视为耍六毛{:4_189:}

辫子哥哥 发表于 2021-12-26 11:03

红影 发表于 2021-12-26 11:02
就是类似一个盒子，把盒子里的东西设计好，使用的时候，把整个盒子的设定的名字搬过去就行了，是这样吧{:4_ ...

{:4_189:}原来是我这边网慢，以为你耍六毛了{:4_170:}

红影 发表于 2021-12-26 11:04

黑黑的讲解很清楚，学习了{:4_187:}

马黑黑 发表于 2021-12-26 11:16

红影 发表于 2021-12-26 11:02
就是类似一个盒子，把盒子里的东西设计好，使用的时候，把整个盒子的设定的名字搬过去就行了，是这样吧{:4_ ...

对，这样理解是可以的

马黑黑 发表于 2021-12-26 11:17

辫子哥哥 发表于 2021-12-26 11:02
只评分没回帖的一律视为耍六毛

上午好{:4_190:}

红影 发表于 2021-12-26 11:39

辫子哥哥 发表于 2021-12-26 11:03
原来是我这边网慢，以为你耍六毛了

呵呵，不是的，评完分就忙着仔细看了，回复的确是慢了点，看完才回复的{:4_173:}

红影 发表于 2021-12-26 11:40

马黑黑 发表于 2021-12-26 11:16
对，这样理解是可以的

盒子的名字可以中文么？哦哦，貌似不可以，应该可以拼音的。

红影 发表于 2021-12-26 11:41

辫子哥哥 发表于 2021-12-26 11:02
只评分没回帖的一律视为耍六毛

辫子哥哥一起学习啊，黑黑分享的都很好玩的{:4_204:}

马黑黑 发表于 2021-12-26 11:45

红影 发表于 2021-12-26 11:40
盒子的名字可以中文么？哦哦，貌似不可以，应该可以拼音的。

理论上是可以的，你试试

红影 发表于 2021-12-26 12:07

马黑黑 发表于 2021-12-26 11:45
理论上是可以的，你试试

等吃完饭的，现在开饭了{:4_173:}

马黑黑 发表于 2021-12-26 12:11

红影 发表于 2021-12-26 12:07
等吃完饭的，现在开饭了

{:4_181:}

红影 发表于 2021-12-26 12:50

<style type="text/css">
/* 创建一个类选择器的容器 */

.红影 {
    width:300px;
    height:160px;
    color:#000;
   border: 6px double #aaa;
    background:#ccc;
}
</style>
<div class="红影">
<pre style="font-size:16px;">
      试一下
      容器用了中文名
      其他的全用的这个帖子里的设置
</pre>
</div>

红影 发表于 2021-12-26 12:51

可以的，容器用中文字也一样可以调用{:4_173:}

马黑黑 发表于 2021-12-26 12:55

红影 发表于 2021-12-26 12:51
可以的，容器用中文字也一样可以调用

嗯，编程中的也有人用中文名称命名自己的函数或过程，是可以被是别的

红影 发表于 2021-12-26 13:07

马黑黑 发表于 2021-12-26 12:55
嗯，编程中的也有人用中文名称命名自己的函数或过程，是可以被是别的

真没想到，我记得以前有人和我说文件名不要是中文，还以为文件内中文也无法识别呢。

马黑黑 发表于 2021-12-26 13:13

红影 发表于 2021-12-26 13:07
真没想到，我记得以前有人和我说文件名不要是中文，还以为文件内中文也无法识别呢。

DOS下，如果没有中文字库，会出乱码，有就可以。Windows更不论。
更主要的是担心日后的一些场景，比方说数据恢复，有一些工具是不支持中文的，它能识别并恢复，恢复后文件名可能是乱码。但现在几乎什么工具都能支持中文了，时代不同了。

辫子哥哥 发表于 2021-12-26 14:34

马黑黑 发表于 2021-12-26 11:17
上午好

{:4_178:}

辫子哥哥 发表于 2021-12-26 14:34

红影 发表于 2021-12-26 11:41
辫子哥哥一起学习啊，黑黑分享的都很好玩的

{:4_189:}我看下天书
页: [1] 2 3 4 5
查看完整版本: CSS类选择器