CSS 阴影效果div.card { text-align: center; box-sizing: border-box; width: 255px;}div.cardcontainer { padding: 20px;}#textintro { text-shadow: 1px 1px 2
CSS 径向渐变CSS 径向渐变径向渐变由其中心定义。如需创建径向渐变，您还必须定义至少两个色标。语法background-image: radial-gradient(shape size at position, start-colo
CSS 渐变div#maincontent div#grad1 { height: 250px; background-color: #1fc8db; /* For browsers that do not support gradients */ background-image: linear
CSS 颜色CSS 支持 140 多种颜色名称，以及十六进制值、RGB 值、RGBA 值、HSL 值、HSLA 值和不透明度。RGBA 颜色RGBA 颜色值是 RGB 颜色值的扩展，带有 alpha 通道 - 该通道规定
CSS 多重背景#example1 { padding: 15px; background: url(/i/photo/flower.gif), url(/i/css/paper.gif); background-position: right bottom, left top; bac
CSS 边框图像div#maincontent div#border_image_top { border: 10px solid transparent; padding: 15px; -webkit-border-image: url(/i/css/border.png) 30 round
CSS 圆角CSS 圆角通过 CSS border-radius 属性，可以实现任何元素的“圆角”样式。CSS border-radius 属性CSS border-radius 属性定义元素角的半径。提示：您可以使
CSS 特异性什么是特异性？如果有两条或两条以上指向同一元素的冲突 CSS 规则，则浏览器将遵循一些原则来确定哪一条是最具体的，并因此胜出。将特异性（specificity）视为得分/等级，能
CSS 单位CSS 单位CSS 有几种表示长度的不同单位。许多 CSS 属性接受“长度”值，诸如 width、margin、padding、font-size 等。长度是一个后面跟着长度单位的数字，诸
CSS 网站布局网站布局网站通常分为页眉、菜单、内容和页脚：有很多不同的布局设计可供选择。但是，以上结构是最常见的结构之一，我们将在本教程中对其进行仔细研究。页眉页眉（head
CSS 计数器.container { counter-reset: section; background:#4CAF50; padding: 10px; font: 400 12px/1.8 "Lato", sans-serif; color: white;}div#mainco
CSS 表单通过使用 CSS，可以极大地改善 HTML 表单的外观：div#maincontent input { outline: none;}div#maincontent .test {margin-top: 15px;}.test label { font: 200 15px;
CSS 属性选择器为带有特定属性的 HTML 元素设置样式我们可以设置带有特定属性或属性值的 HTML 元素的样式。CSS [attribute] 选择器[attribute] 选择器用于选取带有指定属性
CSS 图像精灵图像精灵图像精灵是单个图像中包含的图像集合。包含许多图像的网页可能需要很长时间才能加载，同时会生成多个服务器请求。使用图像精灵将减少服务器请求的数量并
CSS 图片库CSS 可用于创建图片库。div.img { border: 1px solid #ccc; box-sizing: border-box;}div.img a { border: 0;}div.img:hover { border: 1px solid #777; b
