分类目录归档：CSS
CSS Colors是一个CSS模块，用于处理颜色，颜色类型，颜色混合和不透明度。不是所有的CSS属性都需要作为一个值是这个模块的一部分，但它们依赖于它。在CSS中，您可以更改HTML页面中几乎任何元素的颜色。 background-color ， color和border-color等属性设置这些元素的颜色。
CSS支持颜色名称，十六进制和RGB颜色。 除了引入opacity声明之外，现在可以使用颜色名称或RGB，HEX，HSL，RGBA，HSLA值来指定CSS3中的颜色。
RGB代表“红色，绿色，蓝色”。 RGB值是红色，绿色和蓝色的强度值的组合。每个都在0（黑色）和2...
在CSS文件中使用类选择器将样式应用于具有相应类名的HTML元素。在HTML中，您可以通过添加“class”属性来设置任何元素的类名。
要选择具有特定类的元素，我们使用名为句点字符的（。）和类的名称。
例如 。center { text-align：center; red; }
这里，所有class="center" HTML元素都是红色和居中对齐的。
例子：
<h1 class="test">This is a heading 1</h1>
<p class="test">This is a paragraph...CSS断点是基于媒体查询更改网站布局的特定点变得活跃。
通常，当您想要将网站的布局重新调整为浏览器视口的大小时，请指定断点;大多数情况下，视口的宽度。
例如，如果您的网站内容在狭窄的视口上看起来很棒（例如在智能手机浏览器上），但在较大的屏幕上看起来很糟糕（例如，字体尺寸太小而且难以阅读），那么你可能想为更大的屏幕引入一个新的断点，使字体更大：
CSS断点可以被认为是响应式网页设计的核心，因为它们定义了内容的行为或排列方式 不同的设备宽度/比例，允许您向用户显示最佳布局。
断点基于以下任一方式广泛设定。
很明显，我们...
CSS :: before 选择器可用于在内容元素之前插入任何内容。它允许设计者在元素中的内容之前执行任何css设计。它通过将 :: before 附加到要使用的元素上来使用。
我们来看一些例子：
p::before {
content: "";
border: solid 5px #ccc
}
span.comment::before{
content: "Comment: ";
color: blue;
}
<p> To infinity and beyond</p...background-size属性指定背景图像的大小。您可以设置长度或百分比，第一个值是宽度，第二个值是高度。您还可以使用以下5个关键字值之一：
.auto {background-size: auto;}
.cover {background-size: cover;}
.contain {background-size: contain;}
.initial {background-size: initial;}
.inherit {background-size: inherit;}
/* Percentage and pixel can also be used */
.pixe...opacity属性指定元素的不透明度/透明度，即元素后面的内容可见的程度。
opacity属性的值可以是0.0 - 1.0。值越低，越透明：
您可以选择在何种程度上使元素透明化。 您必须添加以下CSS属性才能实现透明度级别。
完全不透明
.class-name {
opacity:1;
}
OR
.class-name {
opacity:1.0;
}
半透明
.class-name {
opacity:0.5;
}
Opacity value can be anything between 0 and 1;
透明
.class-name {
opac...background属性允许您使用图像和颜色为网页创建背景。
背景颜色属性允许您选择元素的颜色。这可以是整个页面的背景或页面一个部分的背景。
以下是将网页的背景颜色设置为绿色的示例。
body {
background-color: green;
}
以下是为两个元素设置颜色的示例。这将设置标题的背景 到紫色，页面的其余部分为蓝色。
body {
background-color: blue;
}
h1 {
background–color: purple;
}
在CSS中，颜色可以通...