【前端開發】：使用CSS中的ID選擇器編寫Google字型樣式
阿新 • • 發佈：2021-02-02
ID選擇器和class類選擇器的不同是:每一個ID只能夠被html呼叫一次，而css當中所編寫的class則可以被html呼叫多次，我們使用ID選擇器編寫一個谷歌樣式的字型，如果需要選擇同樣的顏色，則需要更換不同的id名稱，使用class類選擇器編寫谷歌字型樣式的網頁如下：
https://www.cnblogs.com/geeksongs/p/14356090.html
當前使用ID選擇器編寫之後的式樣如下：
程式碼入下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>谷歌</title> <style> span { font-size:100px; } /#自定義的class需要在前面加上句號，也就是“.”，已經具有標籤就不需要加上英文裡的句號了！#/ #red { color:red; } #red_two { color:red; } #green { color:green; } #blue { color:blue; } #blue_two { color:blue; } #yello { color:yellow; } </style> </head> <body> <span id="blue">G</span> <span id="red">o</span> <span id="yello">o</span> <span id="blue_two">g</span> <span id="green">l</span> <span id="red_two">e</span> </body> </html>