分类标签归档：CSS3
如果您希望您的应用或网页更具动态性和美观，则使用CSS3 过渡非常有用。
实际上，转换允许您以 平滑的 方式更改属性（ width ， color ，...）值。
transition属性是transition-property ， transition-duration ， transition-timing-function ， transition-delay的简写属性，语法如下：
transition: transition-property transition-duration transition-timing-function transition-delay
例如 ：...
媒体查询允许您针对不同的设备/屏幕尺寸使用不同的样式。他们在CSS3中的介绍大大缓解了这一建设 响应式网页。
设计响应式网站时的最佳方法是先考虑移动设备;意味着您从设计和内容开始创建页面 移动版本。您可能认为使用某些可扩展的大小（％，vw或vh），您的页面将完全适应任何设备。但事实并非如此。也许 对于一些非常基本的设计，但肯定不适用于更常见或复杂的页面！
在为较小的设备设计页面时，您将专注于主要内容。在更大的屏幕上，你必须重新设置一些字体大小，边距， 填充等等，以保持您的网站舒适和可读，但你也想要/需要添加更多的内容，你没有判断的内容 基本的，并填写由屏幕大小创建的空间。
思考过程应该是...
CSS3渐变可让您在两种或多种指定颜色之间显示平滑过渡。
之前，您必须使用图像来实现这些效果。但是，通过使用CSS3渐变，您可以减少下载时间和带宽使用。此外，渐变元素在缩放时看起来更好，因为渐变是由浏览器生成的。
CSS3定义了两种类型的渐变：
要创建线性渐变，您必须至少定义两个色标。颜色停止是您想要渲染平滑过渡的颜色。您还可以设置起点和方向（或角度）以及渐变效果。
background: linear-gradient(direction, color-stop1, color-stop2...使用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...