©2020-2024 ioDraw All rights reserved
<>educoder实训平台----CSS3选择器-基础选择器
<>第1关：CSS基础选择器相关概念
DCB
<>第2关：通用选择器
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <style type="test/css">
<!--------- Begin--------> *{font-size:100px;color:#D33E2A;} <!---------
End--------></style> </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"/> <style type="test/css">
<!--------- Begin--------> strong{font-size:100px;color:#D33E2A;} <!---------
End--------></style> </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{color:#2B75F5;} .red{color:#D33E2A;} #orange{color:#FFC609;} #green{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>