css新增屬性

UI元素偽類選擇器

:focus ?選擇獲得焦點的元素

:enabled ?被用來指定元素處于可用狀態是的樣式

:disabled ?不可用狀態

:read-only ?只讀狀態

:read-write ?可讀可寫

:checked ?當表單中的radio(單選框)或checkbox(復選框)處于選中狀態時的樣式

:defalut ?當頁面打開時默認處于選取狀態的單選框或復選框控件的樣式

:indeterminate ?頁面打開時,一組單選框中沒有任何一個單選框被指定為選中狀態時,整組單選框的樣式

::selection 當元素處于選中狀態時的樣式

偽元素選擇器:

:first-line ?選取指定選擇器的首行

:first-letter ?為某個元素中的文字或第一個字母使用樣式

:before ?在某個元素之前插入一些內容(使用content屬性來指定插入的內容)

:after ?在某個元素之后插入一些內容

文字陰影:

text-shadow :

屬性值:h-shadow(水平位置),v-shadow(垂直位置),blur(模糊值),color(顏色)

文字換行:

長單詞換行:Word-wrap

屬性值:normal(瀏覽器默認),break-word(在指定區域內換行)

單詞拆分換行:word-break

屬性值:normal(默認),break-all(單詞內換行),keep-all(在半角空格或連字符串處)

css3邊框:

border-radius:

四個值時,左上,右上,右下,左下

三個值時,左上,右上和左下,右下

兩個值時,左上與右下,右上與左下

一個值時,四個相同

border-image:

有五個屬性值:

1.圖片地址:border-image-source

2.圖片切片:border-image-slice

3.圖片寬度:border-image-width

4.圖片外凸:border-image-outset

5.平鋪:border-image-repeat

box-shadow:盒子陰影

屬性值:陰影類型, x軸偏移量,y軸偏移量,模糊度,陰影距離,顏色

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 1,803評論 0 2
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,335評論 0 11
  • 學習CSS的最佳網站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,094評論 0 1
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,801評論 1 92
  • 秋天的風刮落了樹葉 金黃的樹葉在風中搖曳著優美的身姿 就像在談一場轟轟烈烈的戀愛 相互依存,相互信任,相互理解 誰...
    秀妍霓裳閱讀 146評論 0 0