css3中的content字元編碼

2021-07-31 02:37:20 字數 546 閱讀 5810

今天整理**的時候看到了自定義input的demo,執行了一下,誒!還挺炫酷,嗯,一定要把這個重溫一遍,誒?沒有js只有css?這麼炫酷?哦!原來是content字元編碼~藍後就去網上找了一下,本來想要轉一下前人的知識結晶但是前人有點兒放蕩不羈,排版比較亂,這我就不能忍了,我個事兒媽,怒寫~

1.content有5種屬性

a.content:「」                     //為空

b.content:attr(title)     //可以獲取當前選中標籤的屬性值

eg:div:after   結果:lang

c. content:"大浪"               //頁面顯示字元

d.content:'\2140'               //顯示字符集圖示

e.content:url(123.gif)        //使用絕對路徑或相對路徑的

2.這是從網上找到的字符集大全

Css3中的背景

css3對背景作了很多改變,最明顯的是可以選擇多重背景,同時它也增加了四個新的屬性。多重背景 css3中,對乙個元素可以使用一張以上的背景。除了使用逗號將分開以外,其 與css2相同。第乙個宣告的定位在元素的頂部,接下來的層列於下,像這樣 該屬確定背景畫區,有以下幾種可能的屬性 background...

CSS3中的動畫

animation實現動畫主要由兩個部分組成 通過類似flash動畫的關鍵幀來宣告乙個動畫 在animation屬性中呼叫關鍵幀宣告的動畫實現乙個更為複雜的動畫效果 設定關鍵幀 keyframes spread 33 66 100 注意 寫相容的時候瀏覽器字首是放在 keyframes中間 例如 w...

CSS3中的屬性

讓邊框變成圓角 border radius 100px border radios 10px 20px 30px 40px transform rotate 45deg retate是順時針旋轉角度 transform translate 50px,100px 把元素從左側移動 50 畫素,從頂端移...