CSS3是指Cascading Style Sheets第三個版本,它是一種用來定義HTML或XML文件樣式的語言。與CSS1或CSS2相比,CSS3增加了更多的特性和功能。在制作網站時,HTML語言只負責網頁的結構和內容,而CSS3則負責網頁的視覺效果和排版。
/*使用CSS3來勾選HTML*/ input[type=checkbox] { display:none; } input[type=checkbox] + label:before { display:inline-block; width:10px; height:10px; margin-right:10px; content:""; border:#4c4c4c solid 1px; border-radius:2px; } input[type=checkbox]:checked + label:before { content:"\2713"; color:#4c4c4c; font-size:12px; font-weight:bold; text-align:center; line-height:10px; }
上述代碼實現了使用CSS3來勾選HTML。我們首先通過display:none隱藏了勾選框,然后利用input[type=checkbox] + label:before偽元素之前,創建一個樣式為10*10像素,#4c4c4c實線1像素邊框的方形,作為勾選框的外觀。當input[type=checkbox]被選中時,使用:checked選擇器,更改:before偽元素的content,使它變成一個ASCII碼為2713的勾號,并且改變文字顏色和大小,以顯示已選擇的狀態。