<! DOCTYPE HTML > < HTML > < head > < Meta charset = "UTF-. 8" > < title > element selector </ title > < style > div { Color : Blue ; font-size : 25px ; } </ style > </ head > < body > < div > yesterday was a good day </div> < Div > Today is a good day </ div > < div > tomorrow is a good day </ div > </ body > </ HTML >
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ID选择器</title> <style> #div1{ color: red; } #div2{ color: gold; } #div3{ color: greenyellow; } </style> </ Head > < body > < div the above mentioned id = "div1" > Yesterday was a good day </ div > < div the above mentioned id = "div2" > Today is a good day </ div > < div the above mentioned id = "div3" > Tomorrow is a good day </ div > </ body > </ HTML >
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>类选择器</title> <style> .song{ color: gold; font-size: 30px; } </style> </head> <body> <div class="song">Blue and white</ Div > < div class = "Song" > east wind </ div > < div class = "Song" > fireworks easy to cold </ div > </ body > </ HTML >