在網(wǎng)頁制作中,CSS 是不可或缺的一部分。在將 CSS 文件與 HTML 網(wǎng)頁連接時,有三種方式可供選擇。
第一種方式:內(nèi)聯(lián)樣式表
<body style="background-color: yellow;"> <p style="color: red;">這是一個段落</p> </body>這種方式是將 CSS 樣式直接插入到 HTML 元素標(biāo)簽里。雖然這種方式在實現(xiàn)上比較簡單,但是樣式分散在各個元素中,難以維護(hù),并且不利于整站樣式的一致性。
第二種方式:內(nèi)部樣式表
<head> <style> body {background-color: yellow;} p {color: red;} </style> </head> <body> <p>這是一個段落</p> </body>這種方式是將 CSS 樣式寫在 <head> 標(biāo)簽中,不同的元素用選擇器區(qū)分。與內(nèi)聯(lián)樣式不同,每個樣式只需要定義一次。這種方式不僅使樣式表的維護(hù)更清晰,而且方便統(tǒng)一修改樣式。
第三種方式:外部樣式表
這種方式是將 CSS 樣式寫在外部 CSS 文件中,然后通過鏈接將樣式表引入 HTML 文件中。
<head> <link rel="stylesheet" type="text/css" href="demo.css"> </head>demo.css 文件內(nèi)容:
body {background-color: yellow;} p {color: red;}這種方式是最優(yōu)秀的連接 CSS 的方式。因為它將樣式與 HTML 文件分開,使網(wǎng)頁的代碼更加簡潔明了,并且使樣式在不同的 HTML 文件之間具有復(fù)用性。
網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang