第1关:CSS基础选择器相关概念
第2关:通用选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<!--------- Begin-------->
<style type="test/css">
*{ font-size:100px;
font-color:#D33E2A;
}
</style>
<!--------- End-------->
</head>
<body>
<strong>G</strong>
<strong>o</strong>
<strong>o</strong>
<strong>g</strong>
<strong>l</strong>
<strong>e</strong>
</body>
</html>
第3关:标签选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<!--------- Begin-------->
<style>
strong{
font-size:100px;
font-color:#D33E2A;
}
</style>
<!--------- End-------->
</head>
<body>
<strong>G</strong>
<strong>o</strong>
<strong>o</strong>
<strong>g</strong>
<strong>l</strong>
<strong>e</strong>
</body>
</html>
第4关:文字Google结构设计
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>文字Logo</title>
</head>
<body>
<!--------- Begin-------->
<strong class="blue">G</strong>
<strong class="red">o</strong>
<strong id="orange">o</strong>
<strong class="blue">g</strong>
<strong id="green">l</strong>
<strong class="red">e</strong>
<!--------- End-------->
</body>
</html>
第5关:文字Google样式设计
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>文字Logo</title>
<style type="text/css">
<!--------- Begin-------->
strong{ font-size:100px;}
.blue{
font-color:#2B75F5;
}
.red{
font-color:#D33E2A;
}
#orange{
font-color:#FFC609;
}
#green{
font-color:#00A45D;
}
<!--------- End-------->
</style>
</head>
<body>
<strong class="blue">G</strong>
<strong class="red">o</strong>
<strong id="orange">o</strong>
<strong class="blue">g</strong>
<strong id="green">l</strong>
<strong class="red">e</strong>
</body>
</html>