一、相关概念
二、通用选择器
<!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>三、标签选择器
<!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>四、文字 结构设计
<!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>五、文字 样式设计
<!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>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
