在HTML頁面中,CS代碼可以寫在不同的位置,但是最常見的是把它寫在<head>標簽中的<style>標簽中或者在<body>標簽中使用<style>標簽。
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<style>
/*CSS 代碼寫在這里*/
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
h1 {
font-size: 2rem;
color: blue;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam rhoncus pulvinar neque quis eleifend. Maecenas rhoncus felis sagittis est consectetur fermentum. Donec nec arcu libero. Etiam suscipit elit nisl, sed commodo sapien volutpat sed. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi tempus, felis vel semper tincidunt, odio ipsum finibus orci, ac lobortis magna odio in ex.</p>
</body>
</html>
在上面的例子中,CSS代碼寫在<head>標簽中的<style>標簽中。這使得我們可以集中在頁面樣式的布局而不是HTML內容本身。這樣做的另一個好處是可以在同一個HTML文件中使用多個樣式表,這些樣式可以根據需要被切換。
它也可以被寫在<body>標簽中的<style>標簽中,在這種情況下,CSS代碼將僅適用于頁面內容的一部分。例如,如果我們想要一個單獨的樣式表來適用于一個特定部分的頁面,我們可以把它寫在這個部分的<style>標簽中。
總之,CSS代碼在HTML頁面中可以寫在不同的位置,具體取決于您想要的效果。對于整個頁面的樣式布局,CSS代碼最好寫在<head>標簽中的<style>標簽中。
上一篇網頁css屬性值