CSS記錄工具是指用于記錄CSS樣式的工具，以便在修改樣式時更加方便快捷。在編寫CSS樣式時，有時候需要對某個元素的樣式進行修改，但是在CSS文件中可能有幾百行代碼，我們需要依次往下找到對應的元素才能進行修改，這樣極其繁瑣，而且還容易出錯。使用CSS記錄工具則可以方便地記錄下相應元素的樣式信息，隨時進行查看和修改。

常見的CSS記錄工具有Chrome開發者工具、Firefox Firebug、Adobe Dreamweaver等，它們都具備記錄CSS的功能，這里以Chrome開發者工具為例，介紹一下如何使用。

1. 打開Chrome瀏覽器，進入需要記錄CSS的網頁。
2. 按F12鍵打開開發者工具，選擇“Elements”選項卡，鼠標左鍵單擊需要記錄CSS的元素，這時右側就會顯示該元素的CSS樣式信息。
3. 在右側CSS樣式信息的上方，有一個“+”號，點擊它就可以添加CSS樣式記錄。添加記錄后，我們可以方便地查看和修改樣式信息，在代碼中插入或刪除樣式信息，方便快捷。

在記錄CSS樣式時，需要注意以下幾點：

1. 記錄的樣式信息應該盡可能簡潔明了，不要添加過多沒有用處的樣式信息。
2. 記錄的樣式信息要符合CSS的語法規則，避免出現錯誤。
3. 記錄的樣式信息應該準確無誤，避免造成網頁樣式混亂。

總之，使用CSS記錄工具可以大大提高CSS樣式的編寫效率和準確性，讓我們在修改樣式時更加方便快捷。