HTML和CSS是現代網站設計中最基本且必不可少的技術，HTML定義了頁面的基本結構，CSS則負責給頁面添加樣式和布局。在學習HTML-CSS模型之前，我們需要了解一些基本概念。網頁由一個個元素組成，每個元素有著自己的特性和屬性，這些元素通過HTML標記來實現，例如p表示段落，div表示區塊，a表示鏈接等等。

HTML標記可以把網頁內容分成多個層次和區塊，這些層次和區塊可以分別調用不同的樣式和屬性，使得網頁看起來更加豐富多彩。而CSS則是為HTML標記添加樣式和布局的一種語言。我們可以使用CSS來設置網頁中各元素的顏色、位置、字體等外觀特性。

body{
background-color: white;
color: black;
font-family: Arial, sans-serif;
}
.header{
background-color: #333;
color: white;
padding: 20px;
}
.content{
width: 80%;
margin: 0 auto;
padding: 20px;
}
.footer{
background-color: #333;
color: white;
padding: 20px;
}

以上是一段CSS代碼，它定義了整個網頁的樣式和布局。通常來說，我們可以將CSS代碼寫在單獨的文件中，再通過HTML頁面的link標簽來引用。

綜上所述，HTML-CSS模型是現代網站設計過程中必不可少的部分。掌握了HTML和CSS的基本知識，我們就能夠利用它們來打造一個優雅、簡潔的網站。