• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

css之分组选择器和嵌套选择器，css分类_CSS学习

当前位置：网站建设 > 技术支持

1、css之分组选择器和嵌套选择器，css分类？

css 样式表分类

一，样式表分类

（1）内联样式【优先级最高】【常用】【代码重复使用性最差】

（当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。）

（2）内嵌样式表【优先级第二】【最不常用】【代码重复使用性一般】

（当单个文件需要特别样式时，就可以使用内嵌样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。）

（3）外部样式表【优先级最低】【最常用】【代码重复使用性最好】

（当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。）

I。先创建一个样式表

II。写入样式表内容，调整样式表位置

二。选择器

每一条css样式定义由两部分组成，形式如下：

选择器

{样式}

在{}之前的部分就是“选择器”。

“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。

选择器是选择器，外部样式表只是代码位置

（1）类别选择器（ class选择器）【第二优先级】【最常用】

前面以"." 来标志，如：

.d1

{

color:red；

}

在HTML页中：

【1】<div class="d1";>文字</div> 文字颜色为红色

【2】<p class="d1";>文字</p > 文字颜色为红色

定义了一个class类，将样式应用到了元素中。

（2）id选择器【第一优先级】【最常用】

前面以"#"来标志，如：

#d2

{

color:blue;

}

在HTML页中：

<div class="d1" id="d2">文字</div> 文字颜色变为蓝色 【id选择器优先级高于类别选择器】

（3）标签选择器（根据标签名选择）【第三优先级】【如果同时出现类别选择器和id选择器，按照优先级来及执行】【最不常用】

前面以"标签名"来标志，如：

div

{

color：red；

}

在HTML页中：

<div>文字<div> 文字颜色变为红色

（4）复合选择器【有id第一优先级/都是类别选择器第二优先级】【最最常用】

[1]群组选择器

当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔。

.d1,#d2

{

color:red;

}

在HTML页中：

【1】<div class="d1";>文字</div> 文字颜色为红色

【2】<p id="d2";>文字</p > 文字颜色为红色

使用群组选择器，将会大大的简化CSS代码，将具有多个相同属性的元素，合并群组进行选择，定义同样的CSS属性，这大大的提高了编码效率，同时也减少了CSS文件的体积。

[2]后代选择器

后代选择器也称为包含选择器，用来选择特定元素或元素组的后代，将对父元素的选择放在前面，对子元素的选择放在后面，中间加一个空格分开。

.d1 #d2

{

color:blue;

}

在HTML页中：

<div class="d1" id="d2">文字</div> 文字颜色变为蓝色

后代选择器是一种很有用的选择器，使用后代选择器可以更加精确的定位元素。

2、和css中的选择器有什么区别？

这个是有区别的。

1、首先说两者是属于不同的两门语言，jquery是属于js的一个框架，则其选择器是js里面的选择器，css是另一门不同于js的语言，其选择器是css选择器，则两者在根本上是不同的。

2、但是两者是有交集的，都是作为网页或者浏览器解析的语言，而js可以通过修改浏览器的dom对象来实现对css修改或者是控制。

3、可以简单的这样区分两者，css选择器用语css当中，js选择器应用于js当中，只不过有时两者使用相同的id标识来选择对象。

3、css层叠是什么？

层叠指的是样式的优先级，当产生冲突时以优先级高的为准。1. 开发者样式>读者样式>浏览器样式（除非使用!important标记 ）2. id选择符>（伪）类选择符>元素选择符3. 权重相同时取后面定义的样式以下是一段经典的html，三个类名分别为模块、标题和正文。

4、外联式都是什么形式？

外联式样式（属于外部样式表）。特征：

1、有一个单独的CSS文件存在！[如：001.css]2、通过【格式】→【样式表连接】与CSS文件[001.css]建立连接！3、在合适的地方使用 class="样式名" 调用具体的样式效果！如：。嵌入式样式（属于内部样式表）。特征：1、样式的属性内容以代码的形式[放在 ]写在网页代码中！

2、通过【格式】→【样式】设置样式的属性内容！

3、在合适的地方使用 class="样式名" 调用具体的样式效果！如： 内联式样式（属于内部样式表）。特征：1、样式的属性内容直接跟在将要修饰的文字标记里。2、具体格式： style="font-size:10px;font-color:#ff0000"。例如：修饰单元格里的文字。扩展资料：CSS语言特点：CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。总体来说，CSS具有以下特点：丰富的样式定义：CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。易于使用和修改：CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。多页面应用：CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。层叠：简单的说，层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表，而某些页面中的某些元素想使用其他样式。就可以针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写，在浏览器中看到的将是最后面设置的样式效果。页面压缩：在使用HTML定义页面效果的网站中，往往需要大量或重复的表格和font元素形成各种规格的文字样式，这样做的后果就是会产生大量的HTML标签，从而使页面文件的大小增加。而将样式的声明单独放到CSS样式表中，可以大大的减小页面的体积，这样在加载页面时使用的时间也会大大的减少。另外，CSS样式表的复用更大程度的缩减了页面的体积，减少下载的时间。

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。