当前动态:educoder实训平台----CSS3选择器-基础选择器

2022-09-19 10:39:35来源:互联网  


(资料图片仅供参考)

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>

相关阅读

精彩推荐

相关词

推荐阅读