添加CSS是網頁設計的重要一環,可以使網頁更加美觀和易于閱讀。下面介紹三種添加CSS的方法。
第一種方法是將CSS嵌入HTML文檔中。這種方法適用于只有一個HTML文件的小型網站或者測試網站。代碼如下:
<!DOCTYPE html> <html> <head> <style> p {color: red;} </style> </head> <body> <p>這是一個紅色的段落</p> </body> </html>以上代碼將p標簽的字體顏色設置為紅色。 第二種方法是將CSS作為一個外部文件來鏈接。這種方法適用于一個以上的HTML文件使用相同的CSS樣式。代碼如下:
HTML文件(index.html): <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是一個藍色的段落</p> </body> </html> CSS文件(style.css): p { color: blue; }以上代碼將p標簽的字體顏色設置為藍色。 第三種方法是內部鏈接CSS文件,即在HTML文檔中通過link標簽引入CSS文件。這種方法適用于多個HTML文件使用相同的CSS樣式且不能使用外部鏈接的情況。代碼如下:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <p>這是一個綠色的段落</p> </body> </html> <style> p { color: green; } </style>以上代碼將p標簽的字體顏色設置為綠色。 以上是三種添加CSS的方法。根據實際情況選擇合適的方法,讓網頁看起來更加優美。
上一篇mysql 繁體字
下一篇清除所有浮動的css