在web開發中，我們使用css樣式表來定義網頁的樣式和布局。那么，css樣式表最開始是怎樣編寫的呢？
在早期的web開發中，網頁的樣式和布局都是通過html元素的屬性來定義的。例如，我們想給一個段落設置字體樣式，可以在p標簽里添加style屬性，然后寫上對應的css樣式代碼。但是這樣的做法會使html代碼變得冗長，不易維護，也不利于網頁的擴展。
<p style="font-family: Arial, sans-serif; font-size: 16px; color: #333;">這是一個樣式直接寫在元素上的段落。</p>
為了解決這個問題，出現了css樣式表。css樣式表將所有樣式定義集中在一個文件中，然后在html文件中引用這個文件。這樣就可以通過簡潔的css代碼來統一定義整個網站的樣式和布局。
最初，css樣式表是通過在頁面的head標簽中添加style標簽來定義的。我們可以在style標簽中寫上對應的css樣式代碼，然后在html代碼中直接引用即可。
<head>
<style type="text/css">
p {
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
}
</style>
</head>
<body>
<p>這是一個使用css樣式表的段落。</p>
</body>隨著web開發的發展，css樣式表的使用也不斷變化和升級。但是，css樣式表最開始的編寫方式，為我們理解css的基本思想和原理提供了很好的參考。
下一篇css樣式表文檔