分类目录归档：CSS
使用CSS3，您可以使用border-radius属性为任何元素提供“圆角”。该值可以是任何有效的CSS长度单位。
.rounded-corners {
border-radius: 20px;
}
.circle {
border-radius: 50%;
}
注意： border-radius属性实际上是border-top-left-radius ， border-top-right-radius ， border-bottom-right-radius和border-bottom-left-radius属性的简写属性。
如果只提供一个值，则所有四个角的border-r...
CSS background速记属性用于定义多个属性，如：
background-color ， background-image ， background-repeat ， background-attachment和background-position
background-color属性指定元素的背景颜色。
background-color : #F00;
background-image属性指定要用作元素背景的图像。 默认情况下，图像重复自身以覆盖元素的整个表面。
background-image: url("GitHub-Mark.png&qu...CSS3 Media规则是允许使用媒体查询的规则。媒体查询可以允许您根据不同的媒体类型或设备对网页（部分或全部）进行不同的样式设置。
使用@media标记创建媒体查询，然后提供规则以检查以下内容：
目前有四种可能的媒体类型：
媒体查询用于各种各样的purporses，因为它们允许许多不同的媒体功能。媒体查询最常见的用途之一是使网页响应...
CSS3变换允许您平移，旋转，缩放和倾斜元素。
变换是一种让元素改变形状，大小和形状的效果 位置。
CSS3支持2D和3D转换。
方法：
translate()rotate()scale()skewX()skewY()matrix()translate()方法将元素从其当前位置移开（相应地 给出了X轴和Y轴的参数。
以下示例将<div>元素向右移动50个像素，然后移动100个像素 从当前位置向下的像素：
div {
-ms-transform: translate(50px, 100px); /* IE...当我们谈论CSS的语法时，我们谈论的是如何布局。关于什么去哪里都有规则，因此你可以一致地编写CSS，程序（如浏览器）可以解释它并正确地将它应用到页面。
编写CSS有两种主要方法。
内联CSS将样式应用于单个元素及其子元素，直到遇到覆盖第一个元素的另一个样式。
要应用内联CSS，请将“style”属性添加到您要修改的HTML元素中。在引号内，包括一个以分号分隔的键/值对列表（每个由冒号分隔），表示要设置的样式。
这是一个内联CSS的例子。单词“One”和“Two”将具有黄色的背景颜色和红色的文本颜色。单词“Three”具有覆盖第一个的新样式，并且将具有青色的背景颜色和青色的文本...
大多数时候CSS不是您的网页加载缓慢的原因。在某些情况下，如果您的CSS文件混乱了数百个无法使用的选择器，它可以减少您的网站加载时间。以下是一些关于如何编写快速，可维护的CSS的基本指南。
看看这个例子：
#unique-id { } // fastest
.general-class { } // also fast
li { } // ok
* { } // slow
不出所料，ID选择器是最快的，其次是类。像div或li这样的简单标记元素处理得相当慢。
想象下面的CSS：...
display属性指定用于HTML元素的框的类型。它有20个可能的关键字值。常用的是：
.none {display: none}
.block {display: block}
.inline-block {display: inline-block}
.inline {display: inline}
.flex {display: flex}
.inline-flex {display: inline-flex}
.inline-table {display: inl...cursor属性指定将鼠标悬停在元素上时要显示的光标类型。它有36个可能的值：
.auto { cursor: auto; }
.default { cursor: default; }
.none { cursor: none; }
.context-menu { cursor: context-menu; }
.help { cursor: help; }
.pointer { cursor: pointer; }
.progress...您可以设置任何可点击按钮的样式（HTML <button>元素）
<button>Click Me</button>
您可以更改按钮的多个属性以更改其外观。
要为按钮添加阴影，请使用box-shadow属性。
要为禁用效果的按钮添加透明度，请使用属性opacity 。
要删除边距并创建按钮组，请添加float:left/right属性。
要创建按钮组但使用边框，请使用float属性并添加border property 。
要创建一组垂直按钮，请使用display： block property 。
要更改按钮的背景颜色，请使用bac...
CSS中使用注释来解释代码块或在开发期间进行临时更改。注释的代码不会执行。
CSS中的注释语法适用于单行注释和多行注释。您可以根据需要在样式表中添加任意数量的注释。
/*
This is
a multi-line
comment
*/
/* This is a single line comment*/
.group:after {
content: "";
display: table;
clear: both;
}
通过使用CSS注释...