引入方法:將CSS程式碼集中寫在HTML文件的「」頭部標籤中,並且用「」標籤定義;語法格式為「<head>< style type="text/css">選擇器{屬性:屬性值;}」。 本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。 CSS用來修飾網頁樣式,但是,如果希望CSS修飾的樣式起作用,就必須在html檔中引入CSS樣式表。引入樣式表的常用方式有三種,即行內式、內嵌式、外鍊式。以下這篇文章給大家具體介紹內嵌式。 CSS內嵌式 內嵌式是將CSS程式碼集中寫在HTML文檔的頭部標記中,並且用標記定義,其基本語法格式如下:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><head> <style type="text/css"> 选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 登入後複製該語法中,標記一般位於<head>標記中的<title>標記之後,也可以把它放在HTML文檔的任何地方。但由於瀏覽器是從上到下解析程式碼的,把CSS程式碼放在頭部方便提前被下載和解析,以避免網頁內容下載後沒有樣式修飾帶來的尷尬。 (學習影片分享:<a href="//m.sbmmt.com/course/list/12.html" target="_blank">css影片教學</a>)</p><p>同時必須設定type的屬性值為「text/css“,這樣瀏覽器才知道<style>標記包含的是CSS程式碼,因為<style>標籤還可以包含其他程式碼,如JavaScript程式碼。 </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><head> <title>内嵌式引入CSS样式表</title> <style type="text/css"> h2{text-align:center;} p{font-size:16px;color:red;text-decoration:underline;} 内嵌式CSS样式 使用style标记可定义内嵌式CSS样式表,style标记一般位于head头部标记中,title标记之后。 登入後複製內嵌式CSS樣式只對其所在的HTML頁面有效,因此,僅設計一個頁面時,使用內嵌式是個不錯的選擇。但如果在一個網站,不建議使用這中方式,因為它不能充分發揮CSS程式碼的重複使用優勢。 更多程式相關知識,請造訪:程式設計影片! !