CSS出國(guó)標(biāo)版的宗地草圖，通常是指美國(guó)的Zoning Map（宗地分區(qū)規(guī)劃圖），其主要應(yīng)用于土地規(guī)劃和建筑設(shè)計(jì)中，旨在規(guī)劃土地用途、控制土地開(kāi)發(fā)和保障社會(huì)公共利益。

在這些規(guī)劃圖中，不同類(lèi)型的土地用途如住宅、商業(yè)、工業(yè)等都被標(biāo)記不同的顏色和符號(hào)來(lái)表示。這些規(guī)劃圖的制作通常使用計(jì)算機(jī)輔助設(shè)計(jì)（CAD）軟件和GIS（地理信息系統(tǒng)），而CSS則可以用來(lái)實(shí)現(xiàn)將這些圖形化的信息呈現(xiàn)在網(wǎng)頁(yè)上。

為了實(shí)現(xiàn)這種目的，通常會(huì)將規(guī)劃圖轉(zhuǎn)換成一個(gè)SVG或圖片，并用CSS來(lái)控制其位置、尺寸和樣式。這可以通過(guò)使用pre標(biāo)簽來(lái)呈現(xiàn)圖像的代碼：

.my-map {
position: relative; /*使得容器內(nèi)的絕對(duì)定位生效*/
width: 100%;
}
.my-map img {
display: block;
max-width: 100%;
height: auto;
}
.my-map .label {
position: absolute;
display: inline-block;
width: 100px;
height: 100px;
background-color: rgba(0,0,0,0.5);
color: #fff;
font-size: 12px;
text-align: center;
line-height: 1.5;
}

上述代碼中，我們首先為容器設(shè)置了寬度，并使圖像自適應(yīng)容器大小。我們還使用了絕對(duì)定位讓標(biāo)簽可以覆蓋在圖像上。這些標(biāo)簽可以標(biāo)注不同的用途、名稱(chēng)以及其它相關(guān)信息。

使用CSS來(lái)顯示宗地草圖，可以為用戶(hù)提供更清晰、易于理解的視覺(jué)效果。通過(guò)標(biāo)記不同類(lèi)型的土地用途、標(biāo)識(shí)不同區(qū)域的坐標(biāo)以及顯示其它相關(guān)信息，用戶(hù)可以更快速地理解規(guī)劃圖表達(dá)的信息。因此，將CSS用于宗地草圖是一種非常實(shí)用的方式。