作者: 阮一峰日期: 2017年5月 9日今年三月,微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能,所有主要浏览器已经都支持了。本文全面介绍如何使用它,你会发现原生 CSS 从此变得异常强大。一、变量的声明声明变量的时候,变量名前面要加两根连词线(--)。body { ...
<!DOCTYPE html><html><head><meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta name="viewport"...
<!DOCTYPE html><html><head><meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta name="viewport"...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><link rel="stylesheet" href="../css/common.cs...
1、常见的块级元素 内联元素div -最常用的块级元素 dl - 和dt-dd 搭配使用的块级元素 form - 交互表单 h1 -h6- 大标题 hr - 水平分隔线 ol – 有序列表 p - 段落 ul - 无序列表 ...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3翻转效果</title></head><style&g...
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS3扇形动画菜单</title><style>*{padding: 0; margin: 0;}bo...
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>自行车</title><style type="text/css">* {margin: 0;paddi...
额,代码有点多~~<style> * { margin: 0; padding: 0; box-sizing: border-box; }li { list-style: none; }.loader { position: relative; float: left;...
<!DOCTYPE html><html class=''><head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-5710c30fb566082...
<!DOCTYPE html><html><head><meta charset="utf-8"><title>圆环加载进度条</title><style> canvas{ border:1px soli...
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>碰撞的小球</title> <style type="text/css" media="screen...
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-...