html怎样和css链接起来,html如何跟css链接?
生活随笔
收集整理的這篇文章主要介紹了
html怎样和css链接起来,html如何跟css链接?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
加載css樣式有以下四種
外部樣式(外聯樣式)
內部樣式(內嵌式)
行內樣式
導入樣式
如果css是一個外部文件,可以在你html文件的
里寫上href="style.css"這里可以寫上你css文件的路徑
這種形式是把css單獨寫到一個css文件內,然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調用,其它頁面也可以調用,是最常用的一種形式。
如果是內部樣式,也可以在
里寫上h2 { color:#f00;}
它是以結尾,寫在源代碼的head標簽內。這樣的樣式表只能針對本頁有效。不能作用于其它頁面。
還可以在html標簽上直接寫css樣式
內部樣式
這種在標簽內以style標記的為行內樣式,行內樣式只針對標簽內的元素有效,因其沒有和內容相分離,所以不建議使用。
@import url("public.css");
導入樣式是以@import url標記所鏈接的外部樣式表,它一般常用在另一個樣式表內部。如index.css為主頁所用樣式,那么我們可以把全局都需要用的公共樣式放到一個public.css的文件中,然后在index.css中以@import url("/public.css")的形式鏈接全局樣式,這樣就使代碼達到很好的重用性。
總結
以上是生活随笔為你收集整理的html怎样和css链接起来,html如何跟css链接?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JavaScript数组拼接方法
- 下一篇: 转载:电线电缆的横截面积与载流量的关系