XHR，全稱為XMLHttpRequest，是一種用于客戶端和服務器端之間的數據傳輸的技術。在網頁開發中常常使用XHR來實現AJAX技術和數據的局部刷新。

通過XHR可以發送網絡請求，并接收服務器返回的數據，以達到更新頁面內容的效果。XHR可以使用js來實現，主要包括五個步驟：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() { 
if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { 
console.log(xhr.responseText); 
} 
};
xhr.open('GET', 'https://example.com/api/data', true);
xhr.send();

在這段js代碼中，首先使用new關鍵字創建了一個XMLHttpRequest對象，并設置了其onreadystatechange屬性。onreadystatechange是一個回調函數，當XMLHttpRequest對象的狀態改變時就會被調用。

接著， xhttp.open()方法被用于設置HTTP請求的類型和URL地址。在這個例子中，請求類型被設置為'GET'，并請求 https://example.com/api/data。

最后， xhr.send()方法被用于發送HTTP請求。如果要發送POST請求，則需要在open和send方法之間使用setRequestHeader()來設置請求頭。

除了js中使用XHR獲取數據，css也可以通過XHR技術來加載外部文件。例如，可以通過以下代碼來加載外部css文件：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementsByTagName("head")[0].innerHTML += "";
}
};
xhttp.open("GET", "style.css", true);
xhttp.send();

在這段代碼中，創建了一個XMLHttpRequest對象并設置了onreadystatechange回調函數。在回調函數中，當XMLHttpRequest請求接收到服務器返回的數據時，通過innerHTML方法將得到的css樣式追加到head標簽中，以達到加載外部css文件的效果。

以上是XHR的一些用法和示例，需要注意的是，xhr請求一般需要服務器支持跨域，否則會受到CORS限制。因此，在實際應用中需要進行相應的配置和處理。