HTML和CSS都是Web開發(fā)中不可或缺的技術。HTML是網(wǎng)頁的基礎，而CSS則可以讓我們對網(wǎng)頁的樣式和布局進行更精細的控制。
在HTML中，我們可以使用pre標簽來顯示代碼。下面是一個簡單的HTML文檔。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<style>
p {
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<p>Hello World!</p>
</body>
</html>在上面的代碼中，我們定義了一個<p>元素的樣式。我們將字體顏色設為紅色，字體大小設為20像素。當頁面加載時，所有的<p>元素都會使用這個樣式。
現(xiàn)在來看一下CSS樣式的另一個例子，我們想要將頁面分成兩列。下面是代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Two Columns</title>
<style>
.left-col {
width: 50%;
float: left;
}
.right-col {
width: 50%;
float: right;
}
</style>
</head>
<body>
<div class="left-col">
<p>This is the left column.</p>
</div>
<div class="right-col">
<p>This is the right column.</p>
</div>
</body>
</html>在上面的代碼中，我們定義了兩個類：left-col和right-col。這兩個類都有50%的寬度，并使用了float屬性對它們進行對齊。這就在頁面上創(chuàng)建了兩列，左列和右列，每列占據(jù)頁面寬度的50%。
總之，HTML和CSS是Web開發(fā)中重要的技術。通過使用它們，我們可以輕松地創(chuàng)建優(yōu)美的網(wǎng)站和應用程序。
上一篇html外觀和css外觀
下一篇html和css連接代碼