嵌入式css樣式,寫在當前的文件中
現在有一任務,把下面代碼中的“超酷的互聯網”、“服務及時貼心”、“有趣易學”這三個短詞文字字號修改為18px。如果用上節課我們學習的內聯式css樣式的方法進行設置將是一件很頭疼的事情(為每一個<span>標簽加入sytle="font-size:18px"語句),本小節講解一種新的方法嵌入式css樣式來實現這個任務。
嵌入式css樣式,就是可以把css樣式代碼寫在<style type="text/css"></style>標簽之間。如下面代碼實現把三個<span>標簽中的文字設置為紅色:
<style type="text/css"> span{ color:red; } </style>
嵌入式css樣式必須寫在<style></style>之間,並且一般情況下嵌入式css樣式寫在<head></head>之間。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>嵌入式css樣式</title> <style type="text/css"> span{ color:red; } </style> </head> <body> <p><span>超酷的互聯網</span>、IT技術免費學習平台,創新的網絡一站式學習、實踐體驗;<span>服務及時貼心</span>,內容專業、<span>有趣易學</spn> </body> </html>