CSS是一種用于網頁排版與設計的樣式表語言,可以對網頁中的各個元素進行美化與布局。在使用CSS時,需要考慮如何存放CSS文件,通常有以下三種位置:
1. 內嵌式CSS
<style> p { font-size: 16px; color: #333; } </style>
內嵌式CSS是將CSS樣式直接寫在HTML文件的<head></head>標簽之間的<style></style>中,缺點是樣式與HTML混在一起,不便于維護。
2. 內部式CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>Hello, world!</p> </body> </html> /* style.css */ p { font-size: 16px; color: #333; }
內部式CSS是將CSS樣式寫在<head></head>標簽之間的<link>標簽中,將CSS樣式存放在外部CSS文件中,可以與HTML文件分離,便于維護。
3. 外部式CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p class="title">Hello, world!</p> </body> </html> /* style.css */ p.title { font-size: 24px; color: red; }
外部式CSS是將CSS樣式存放在外部CSS文件中,可以在HTML頁面中通過<link>標簽引用,具有良好的可維護性與可重用性。
總的來說,在使用CSS時,應該盡量避免使用內嵌式CSS,而是采用內部式CSS或外部式CSS,以便于維護與重用CSS樣式。