div和css是現代網頁制作中不可或缺的兩個因素。在網頁中，div常常被用來作為網頁的布局容器，而css則被用來控制網頁中各個元素的樣式。那么，div和css又是如何連接在一起呢？下面我們來詳細了解。

這是一個p標簽

在上面的代碼中，我們首先定義了一個具有class為“container”的div容器。然后在容器中嵌套了一個p標簽，其class為“content”。接下來，我們就可以使用css來對這些元素進行樣式的定義了。

.container {
width: 100%;
height: 500px;
background-color: #f2f2f2;
}
.content {
font-size: 20px;
color: #333;
}

在上面的代碼中，我們使用了“.”來調用之前定義的class。然后，我們定義了容器的寬度為100%，高度為500px，并為其添加了背景色。接著，我們定義了“content”的字體大小為20像素，字體顏色為#333。

通過這種方式，我們就可以輕松地將css樣式和div容器、html元素聯系在一起了。這樣，我們就能夠達到更好的樣式控制和網頁布局效果。