CSS中的字符串可以用來表示文本或?qū)傩灾担热缭贑SS的屬性值中使用引號括起來的字符串。
font-family: "Arial", sans-serif; color: #333;
字符串可以使用單引號或雙引號來標(biāo)識,但是必須始終使用相同的引號進(jìn)行嵌套(比如單引號嵌套雙引號或者雙引號嵌套單引號),否則會出現(xiàn)語法錯誤。
/* 正確的方式 */ content: "這是一段帶雙引號的文本,里面可以包含單引號 ' 或雙引號 \" "; /* 錯誤的方式 */ content: "這是一段帶雙引號的文本,里面包含不同類型的引號 ' ";
在CSS中也可以使用轉(zhuǎn)義字符來表示一些特殊字符,比如Tab、回車、換行等。常見的轉(zhuǎn)義字符包括:
/* 換行 */ content: "這是第一行\(zhòng)n這是第二行"; /* 水平制表符 */ content: "這是第一列\(zhòng)t這是第二列"; /* 回車 */ content: "這是一行文本\r這是另一行文本"; /* 反斜線 */ content: "這是一條路徑:C:\\home\\user\\file.txt"; /* Unicode字符 */ content: "\260E"; /* 表示電話圖標(biāo) */
字符串還可以用來設(shè)置偽元素的content屬性,用于在頁面中生成一些文本內(nèi)容。
.button::before { content: ""; position: absolute; width: 10px; height: 10px; background-color: #333; } .button:hover::before { content: "?"; /* 顯示勾號 */ }
除了基本的字符串外,CSS還支持一些其他類型的數(shù)據(jù),比如數(shù)字、顏色、尺寸等。這些不同類型的數(shù)據(jù)在CSS中有不同的語法和用法。