學習HTML和CSS時,總要一邊學習,一邊試驗下,影響才會更深刻,對于那些屬性才能更知道他們所處的位置和環境,不過有時,瀏覽器的版本會限制一些屬性和對象的實現,有些瀏覽器會無法識別部分代碼,如果去試試不同的瀏覽器又比較麻煩,我目前就是碰到了一個麻煩,IE6無法識別偽對象:first-letter和:first-line,換瀏覽器只是其中比較笨的一種方法,參考了相關的資料和文獻,發現也可以通過代碼調試來改變,目前,有找到了兩種相關聯的方法。
1.在CSS樣式表里增添如下的代碼
p:fisr-letter {float:left;font-size:50px;font-weight:bold;}
p:first-line {color:purple}
說明:增加空格,在偽對象選擇符:first-letter/:first-line與包含規則的“{”間增加空格。
2.也可以在CSS樣式表里添加如下的規則
p:first-letter
{float:left;font-size:50px;font-weight:bold;}
p:first-line
{color:purple}
說明:將整個花括號“{”規則區域換到下一行。
PS: :first-letter&:first-line的定義
1.”first-letter” 偽元素用于向文本的首字母設置特殊樣式。它只能用于塊級元素
下面的屬性可應用于 “first-letter” 偽元素:
font
color
background
margin
padding
border
text-decoration
vertical-align (僅當 float 為 none 時)
text-transform
line-height
float
clear
2.”first-line” 偽元素用于向文本的首行設置特殊樣式。它也只能用于塊級元素。
下面的屬性可應用于 “first-line” 偽元素:
font
color
background
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear
新聞熱點
疑難解答