嵌入式css樣式,寫在當前的文件中


嵌入式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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM