外鏈式CSS是一種常用的樣式表調用方式,通過它我們可以將樣式表文件獨立出來,方便維護和修改。下面介紹一下外鏈式CSS怎么調用。
1.創建樣式表文件
首先,我們需要創建一個后綴名為.css的文件,文件名可以自己定義,但一般采用與網頁名稱相同的命名方式,例如style.css。在樣式表文件中,我們可以定義各種樣式,例如文字顏色、背景色、字體大小、行距等等。這些樣式將在頁面中被調用。
下面是一個示例的樣式表代碼:
/* 各種樣式定義,例如文字顏色、背景色、字體大小、行距等等 */ h1 { color: red; font-size: 32px; } p { color: blue; font-size: 18px; line-height: 1.5; } a { color: green; }2.在網頁中引用樣式表 在網頁HTML文件的標簽中,通過標簽引入樣式表文件,這樣網頁中所有需要樣式的元素都會被設定為樣式表中的內容。例如:
其中,type屬性定義了樣式表的類型,href屬性指向了樣式表文件的URL地址。 3.在網頁元素中調用樣式 在HTML文件中,我們可以通過class或者id屬性來調用樣式。例如:我的網頁
其中,class屬性指向了樣式表文件中定義的.myclass樣式。同理,可以通過id屬性調用樣式:這是一段使用了myclass樣式的文字
其中,id屬性指向了樣式表文件中定義的#myid樣式。 以上就是外鏈式CSS的調用方法,通過將樣式表文件與網頁HTML文件分離,可以使我們更加方便地修改和維護網頁樣式。這是一段使用了myid樣式的文字