CSS 是網頁設計中不可缺少的一部分,可以使 HTML 文本更加美觀、易讀,提高用戶體驗。在使用 CSS 的過程中,我們需要將樣式寫入 CSS 文件,然后將它們鏈接到 HTML 文件中。
在編寫 CSS 文件時,我們要注意以下幾點:
/* 在 CSS 文件中,注釋可以使用 / *...* / 或 //,但不會影響樣式 */ /* CSS 樣式需要以選擇器和聲明塊的形式組織,如下: */ p { color: red; font-size: 18px; }
當我們完成 CSS 文件后,需要將其鏈接到 HTML 文件中。這可以通過以下代碼實現:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
其中,rel 屬性告訴瀏覽器鏈接的文件類型,type 屬性告訴瀏覽器鏈接的文件是 CSS 文件,href 屬性指定了要鏈接的 CSS 文件的路徑。
當我們將 CSS 文件鏈接到 HTML 文件后,可以在 HTML 文件中使用 CSS 樣式:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>Hello World!</p> </body>
在這個例子中,所有 <p> 標簽都將應用 style.css 中的樣式。
下一篇html5代碼調用