在網頁設計中，style.css 文件是一個非常重要的文件，它可以對網頁進行樣式定義和布局規劃。下面我們來詳細講解一下如何使用 style.css。
首先，我們需要在 HTML 文件中鏈接 style.css 文件。我們可以使用 link 標簽來實現這個功能。代碼如下：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在這里，我們使用了 link 標簽，將 style.css 引入了我們的 HTML 文件中。其中 rel 屬性指明了資源的關系，type 屬性指定了引入的文件類型，href 屬性指定了引入的文件路徑。
接著，我們需要在 style.css 文件中定義我們的樣式，如下：
body {
font-family: "Arial", sans-serif;
}
.container {
width: 800px;
margin: 0 auto;
}
#header {
background-color: #333;
color: #fff;
height: 80px;
line-height: 80px;
text-align: center;
}在這個例子中，我們定義了三個樣式。首先是 body 標簽，我們給它設定了字體樣式。接著是 .container 類，我們給它設定了寬度和居中樣式。最后是 #header ID，我們給它設定了背景顏色、文字顏色、高度、行高和居中樣式。
最后，在 HTML 文件中，我們可以通過 class 和 id 屬性來使用我們定義的樣式，如下：
<body> <div class="container"> <div id="header"> <h1>我的網站</h1> </div> <div class="content"> <p>這是我的網站的內容。</p> </div> </div> </body>
在這里，我們對 div 容器使用了 class 屬性和 id 屬性，并且通過這些屬性使用了我們定義的樣式。這樣，我們就完成了關于 style.css 使用的介紹。