css-performance/index.html at master · yunlzhang/css-performance · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css.css" type="text/css"/>
	</head>
	<body>
		<p>正方形</p>
		<div id="square"></div>
		<p>长方形</p>
		<div id="rectangle"></div>
		<p>圆</p>
		<div id="circle"></div>
		<p>椭圆</p>
		<div id="oval"></div>
		<p>三角形</p>
		<div style="display: inline-block;" id="triangle-up"></div>
		<div style="display: inline-block;" id="triangle-down"></div>
		<div style="display: inline-block;" id="triangle-left"></div>
		<div style="display: inline-block;" id="triangle-right"></div>
		<p>平行四边形</p>
		<div id="parallelogram"></div>
		<p>五边形</p>
		<div id="pentagon"></div>
		<p>五角星</p>
		<div id="star-five"></div>
		<p>对话框</p>
		<div id="talkbubble"></div>
		<p>八卦</p>
		<div id="yin-yang"></div>
		<p>Facebook</p>
		<div id="facebook-icon"></div>
		<p>搜索符号</p>
		<div id="magnifying-glass"></div>
		<p>折叠型</p>
		<div id="chevron"></div>
		<p>鸡蛋</p>
		<div id="egg"></div>
	</body>
</html>