本内容由系统网小编为大家分享，Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。

目录

一、CSS概述：

二. CSS的地点:

1. 内部样式( Lining 样式):

2.内部样式表：

3.外部样式表：

三、CSS选择器：

1.普通选择器：

元素选择器：

类选择器：

多类名选择器：

id选择器：

通配选择器：

2.复合选择器：

交集选择器：

并集选择器：

3.关系选择器：

子元素选择器：

后代元素选择器：

兄弟元素选择器：

4.属性选择器：

5.伪类选择器：

首选类结构( 位置) 选择 :

负伪型:否(选择):

链接伪类选择器：

6.伪元素选择器：

一、CSS概述：

CSS 串列样式 : 网页实际上是一个多层结构, 使用 CSS 为页面的每层创建样式, 最终结果只是浏览整个层的视图。 CSS 规则由两个基本部分组成 : 选择器和一个或多个声明 :

每个声明有一个属性和一个值。 属性是您想要建立的文体属性。 每个属性都有一个值。 属性和值由冒号分隔。

CSS 声明总是用分号完成 (;), 并总是用宽括号包围 () 。 注释意在解释您的代码, 可以随时编辑, 而浏览器忽略它 。 CSS 注释以 / * 开始, 结尾以 */ 结束 。

二. CSS的地点:

1. 内部样式( Lining 样式):

标签内元素的样式由样式属性决定:

使用一个互连样式, 它只对一个标签起作用。 如果您想要影响多个元素, 您必须在每个元素中复制它。 随着样式的变化, 您必须手动修改每个样式!

2.内部样式表：

指定首选项卡中样式标签的样式:内部样式表、外部样式表等等。要添加样式到样式标签,然后通过选择 CSS 选择选择项目 。在为多个标签设置样式时,您可以同时为这些标签设置样式。您也可以更改标签组件, 以便被选中 。方便样式的复用！

样式只能用于当前页面,而不能用于其他页面。

3.外部样式表：

您可以在外部 CSS 文件中创建 CSS 样式, 然后使用链接标签将 CSS 文件插入当前页面, 并在当前页面上生效!

使用浏览器缓冲机制来加快页面加载并改进用户经验,可以通过为 CSS 文件准备样式来实现。

href:定义外部样式表文件的相对或绝对 URL。类型:指定要链接的文档类型,该文档必须是“文本/ CSS”,以显示链接的外部文件是 CSS 样式表。rel: 定义当前文档与链接文档之间的关系, 需要“ 样式表”, 显示链接文档是一个样式表文件 。

三、CSS选择器：

Runoob的 CSS 选择( runoob) 。 https://www.runoob.com/cssref/css-selectors.htmlStandle 标签中的区域不再是 HTML 区域的一部分, 不遵循 HTML 标准, 并且应该被追溯到 CSS 代码! 注释旨在解释您的代码, 您可以随时更改它; 浏览器会忽略它 。 CSS 注释以 / * 开头, 结尾是 * / 。

选择器:选择器允许您选择页面的具体元素。

语句块 : 语句块由语句、 对应一对密钥的语句、 与样式值对应的样式、 由( 冒号) 和结尾( 混合) 连接的键和值组成 。

1.普通选择器：

元素选择器：

Tabor 指标签名称所标明的页面上特定类型的标签的单个 CSS 样式, HTML 标签名称作为选择。其基本语法格式如下:

标签选取器的主要好处是,它能够迅速统一页面上同类标签的样式,这也是他的缺点,因为它不能用来区分样式。

类选择器：

类选择器所使用 。 它最大的优点是为元素对象建立不同或相同的样式。

多类名选择器：

样式显示效果与 HTML 元素中的类名顺序无关,并与 CSS 样式手册中定义的自上而下顺序相关。每个类名由空格分隔。

当随后的布局变得更加精密时,多重名称选择仍然比较常见。

id选择器：

id 选择器使用“#”标记,然后是id 名称,其基本同义格式如下:

使用此格式, id 名称是 HTML 元素的 id 属性值; 大多数 HTML 元素可以指定 id 属性, 而该元素的 id 值是唯一属于文档中某个特定元素的。 基本和类选择相同 。

W3C 标准指出,同名的id 对象不能在同一页上存在,但类中允许使用相同名称。Class 选择器(类)可以重复多次。 id 选择器, 不再重复。 只重复一次 。

通配选择器：

通配符选择由符号“ * ” 表示, 它是最全面的选项, 匹配页面上的所有项目。 它的基本语法语法语法如下:

例如,下面的代码设置一个 CSS 样式,通过使用通配符选择来删除所有 HTML 标记的默认差值。

2.复合选择器：

为了选择更加精确和精确调整的目标要素标签,复合选择以不同方式将两个或两个以上基本选择组合在一起。

交集选择器：

组合选择器由两个选项组成, 中间没有空格 。 如果样式要运行, 标签必须满足所有选择条件!

如果组合选择器中存在元素选择器, 必须首先使用元素选择器!

并集选择器：

组合选择组( CSS 选择组)通过将多个选项与逗号连接而形成。每种类型的选择(包括标签、类ids等),串通选择可包括其中任何一种。如果多个选项定义相同的样式,或部分相同，因此,您可以对两者适用并指定相同的 CSS 样式。

3.关系选择器：

子元素选择器：

子元素选择器只能选择作为某元素子元素的元素。其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个 > 进行连接，注意，符号左右两侧各保留一个空格。

这里的孩子是亲孙子 不是孙子孙女 孙子孙女

后代元素选择器：

子选择器, 也称为“ 保护器 ”, 用来通过在前面写外层标签、在后面写内层标签和在中间写空格来选择元素或元素组的后代。 当标签插入时, 内层标签成为外层标签的后代 。

未来几代人可以做出这个决定。您也可以选择任何包含这个决定的标签。

兄弟元素选择器：

兄弟元素与父元素相同!元素2被选定,但元素2也必须满足元素1的以下元素(两个元素在附近)。

选择符合标准的以下所有兄弟组件 :

4.属性选择器：

这篇文章是我们对2011年埃及抗议特别报导的一部分。 https://www.runoob.com/css/css-attribute-selectors.html

[attribute]	[target]	选择所有有所需属性的项目 。
[attribute=value]	[target=-blank]	选择所有具有目标=“空白”属性的项目 。
[attribute~=value]	[title~=flower]	选择包含“ 跟随者” 一词所有方面的标题特性。
[attribute|=language]	[lang|=en]	选择 lang 属性等于 en, 或以 en- 开始的所有项目 。

选择器	含义
E[attr]	有肛门特征是非常好的
E[attr=val]	属性值与值相同。
E[attr*=val]	属性的价值由 val 字符组成,可以处于任何位置。
E[attr^=val]	val 字符和起始位置是属性值的例子。
E[attr$=val]	属性值包含val字符,位于列表末尾。

E：指定标签名 attr：属性名 val：属性值

5.伪类选择器：

这篇文章是埃及2011年抗议活动特别报导的一部分。 https://www.runoob.com/css/css-pseudo-classes.html假的(不存在的,独特的)来描述元素的独特状态!

伪型选择器用于给特定选择带来特定效果。 例如, 在链接上添加一个特殊效果, 以便您选择第一个元素, n 元素。 伪型选择器以 : (冒号) 开始, 例如 : 链接 。

首选类结构( 位置) 选择 :

选择器: 第一个孩子: 指定选择父元素的第一个子元素 。 Pickor: 最后一个孩子: 选择所提供的父元素最后一个子元素的选择 。 选择器: nth- child(N) : 匹配其父元素的第一个 N 次元素, 不论其类型如何 。 选择器: nth- last- child(N): 此选择器匹配属于其元素的第一个 N 子元素的每个元素, 不论其类型, 从最后一个子元素开始 。 N 可以是一个数字、 关键字或公式 。

负伪型:否(选择):

:not( 选择者) 检查每个元素是否为给定元素/ 选择者, 并删除选中的合格项目 。

链接伪类选择器：

a 链接/选择器未访问的链接/ a 选择器: 种子/ 选择器已访问的链接/ a 选择者: over/ over/鼠标移动到链接上/ a 选择器: 活动/ 活动选定的链接/

写作时尽量不要翻转 lvha 的顺序 。 (我喜欢讨厌爱上讨厌的记忆方式或 lv bag hao )

6.伪元素选择器：

本文是2011年埃及抗争特别报导的一部分。 https://www.runoob.com/css/css-pseudo-elements.html

首字母文本选择器的第一个字词; 第一行文字线选择器; 选择器可以修改所选文本的样式。 选择器: 在选择器之前和选择器之后: 这些选择器在内线元素即内线元素的开始和结束时创建元素, 并且必须与内容属性结合使用 。

在CSS3标准中,“:”表示伪型、“:”伪元素和“:”伪元素。“:”和“:”区别于伪元素和伪元素。

XTw.com.Cn系统网专业应用软件下载教程，免费windows10系统,win11,办公软件,OA办公系统,OA软件,办公自动化软件,开源系统,移动办公软件等信息，解决一体化的办公方案。