css3新增屬性

css3被劃分為模塊,最重要的幾個模塊包括:選擇器、框模型、背景和邊框、文本效果、2D/3D 轉(zhuǎn)換、動畫、多列布局、用戶界面

  • 選擇器

  • 框模型

  • 背景和邊框
    border-radius、box-shadow、border-image、
    background-size:規(guī)定背景圖片的尺寸
    background-origin:規(guī)定背景圖片的定位區(qū)域
    background-clip:規(guī)定背景的繪制區(qū)域

  • 文本效果(常用)
    text-shadow:設(shè)置文字陰影
    word-wrap:強(qiáng)制換行
    word-break
    css3提出@font-face規(guī)則,規(guī)則中定義了font-family、font-weight、font-style、font-stretch、src、unicode-range

  • 2/3D轉(zhuǎn)換
    transform:向元素應(yīng)用2/3D轉(zhuǎn)換
    transition:過渡

  • 動畫

  • @keyframes規(guī)則:
    animation、animation-name、animation-duration等

  • 用戶界面(常用)
    box-sizing、resize

css3新增偽類

:nth-child()
:nth-last-child()
:only-child
:last-child
:nth-of-type()
:only-of-type()
:empty
:target 這個偽類允許我們選擇基于URL的元素,如果這個元素有一個識別器(比如跟著一個#),那么:target會對使用這個ID識別器的元素增加樣式。
:enabled
:disabled
:checked
:not

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,755評論 0 7
  • CSS參考手冊 一、初識CSS3 1.1 CSS是什么 CSS3在CSS2.1的基礎(chǔ)上增加了很多強(qiáng)大的新功能。目前...
    沒汁帥閱讀 4,284評論 1 13
  • 本文是針對剛學(xué)編程的小白,都是一些基礎(chǔ)知識,如果想了解更多深層一點的東西,歡迎移步本人博客!! 博客地址 點擊跳轉(zhuǎn)...
    西巴擼閱讀 3,307評論 0 9
  • 有時候,人的心會莫名涌起荒涼之感。 你知道你的心是有裂縫的,太陽還沒完全照進(jìn)來,于是你繼續(xù)荒涼,繼續(xù)尋找…… 柳葉...
    小修1981閱讀 227評論 0 1
  • 1.文檔對象模型(Document Object Model,簡稱DOM),是W3C組織推薦的處理可擴(kuò)展標(biāo)志語言的...
    夜幕小草閱讀 233評論 0 0

友情鏈接更多精彩內(nèi)容