photo_2022-11-30_17-55-19.jpg

Via 春潮频道

I. 介绍

层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。 Via MDN

II. CSS 语法

CSS 选择器.png

selector {property: value}

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明

III. CSS选择器

CSS 选择器规定了 CSS 规则会被应用到哪些元素上。

深入学习:CSS 选择器
CSS 选择器参考手册

IV. 常见CSS属性

CSS 属性参考手册参考手册2

V. 网站变灰CSS代码

网站变灰CSS代码效果.png

CSS代码具体如下:

html {
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
-webkit-filter:grayscale(1);
}

以上代码中 html 为选择器, {} 内部的内容则为属性与属性所对应的值又称键值对。如果我们只想要图片变灰,其他元素保持原状,则相应CSS代码为:

img {
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
-webkit-filter:grayscale(1);
}

补充:

元素 描述
html HTML <html> 元素 表示一个 HTML 文档的根(顶级元素),所以它也被称为根元素。所有其他元素必须是此元素的后代。

以上。

VI. 附注

MDN - Web 开发技术
HTML 元素参考
CSS(层叠样式表)
CSS 教程

最后修改:2022 年 12 月 01 日 08 : 09 PM