在Web頁面的開發中,利用CSS能夠方便地調整頁面的樣式和布局。在使用CSS時,通常需要將樣式代碼保存在一個CSS文件中,然后在HTML文件中引用該文件。在同一個文件夾中引用CSS文件的方法如下:
<!DOCTYPE html> <html> <head> <title>My Page</title> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <h1>Hello World!</h1> <p>This is a paragraph.</p> </body> </html>
在這段代碼中,我們使用<link>標簽來引入CSS文件。其中,type屬性指定了文檔與鏈接關聯的語言,href屬性指定了CSS文件所在的位置,即同一文件夾中的mystyle.css文件。
需要注意的是,在HTML文件中引用CSS文件時,需要在文件中正確的引用路徑。如果CSS文件不在同一文件夾中,那么在href屬性中需要指定CSS文件的完整路徑。
<link rel="stylesheet" type="text/css" href="/css/mystyle.css">
上述代碼中,href屬性中的"/css/"表示CSS文件所在的文件夾。
通過上面的介紹可以看出,在同一文件夾中引用CSS文件是一種非常常見的做法。只要按照以上方法正確引用CSS文件,就可以在頁面中使用定義好的樣式了。
下一篇合并行css樣式