溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“CSS內聯樣式、頁面嵌入、外部引用的方法”，在日常操作中，相信很多人在CSS內聯樣式、頁面嵌入、外部引用的方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS內聯樣式、頁面嵌入、外部引用的方法”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
顧名思義CSS 的意思是層疊樣式表 (Cascading Style Sheets)
CSS的樣式定義為如何顯示 HTML 元素
CSS樣式通常都會存儲在樣式表中
外部的樣式表對工作效率有極大的提高
外部樣式表通常都存儲在 CSS 文件中
多個樣式定義可層疊為一個
總之，CSS 可以美化頁面，對頁面元素進行更為精準仔細的設置，樣式主要用來描述元素的字體顏色、字體大小、背景顏色、背景圖片等等。
CSS 主要有內聯樣式、頁面嵌入和外部引用三種使用方式，接下來我們一一來了解他們。
元素的內聯是直接在屬性中寫入元素的 style 屬性，適用于樣式沒有其他可復用性的場合，見以下代碼：
<body>
<p >w3cschool</p>
<p >億速云</p>
</body>在<head>中加入<style>。這種做法表示此頁面中所有對應元素都是采用其指定的樣式，適合于樣式的復用，有效減小頁面體積。
<head>
<meta charset="UTF-8">
<title>CSS w3cschool</title>
<style type="text/css">
p{
font-size:25px;
color:red;
}
h2{
color:greenyellow;
}
h3{
background-color: #2196F3;
}
</style>
</head>
<body>
<body>
<h2>億速云</h2>
<p>w3cschool</p>
<h3>學編程</h3>
</body>在<head>中加入，將 CSS 的所有內容都寫入以 CSS 為后綴的文件，可適用多個頁面來共享此 CSS。
CSS 代碼
h2 {
background-color: red;
border-color: green;
}
p {
color: blue;
}HTML 代碼
<body>
<h2>億速云</h2>
<p>w3cschool</p>
<h3>學編程</h3>
</body>到此，關于“CSS內聯樣式、頁面嵌入、外部引用的方法”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
