CSS3最新特性先記下來

2022-07-17 08:33:12 字數 1850 閱讀 9104

1: css3選擇器部分

e[att^="val"] 匹配具有att屬性、且值以val開頭的e元素

e[att$="val"] 匹配具有att屬性、且值以val結尾的e元素

e[att*="val"] 匹配具有att屬性、且值中含有val的e元素

e:root 匹配文件的根元素。在html中,根元素永遠是html

e:nth-child(n) 匹配父元素中的第n個子元素e

e:nth-last-child(n) 匹配父元素中的倒數第n個結構子元素e

e:nth-of-type(n) 匹配同型別中的第n個同級兄弟元素e

e:nth-last-of-type(n) 匹配同型別中的倒數第n個同級兄弟元素e

e:last-child 匹配父元素中最後乙個e元素

e:first-of-type 匹配同級兄弟元素中的第乙個e元素

e:only-child 匹配屬於父元素中唯一子元素的e

e:only-of-type 匹配屬於同型別中唯一兄弟元素的e

e:empty 匹配沒有任何子元素(包括text節點)的元素e

:target 匹配相關url指向的e元素

e:enabled 匹配所有使用者介面(form表單)中處於可用狀態的e元素

e:disabled 匹配所有使用者介面(form表單)中處於不可用狀態的e元素

e:checked 匹配所有使用者介面(form表單)中處於選中狀態的元素e

e::selection 匹配e元素中被使用者選中或處於高亮狀態的部分

e:not(s) 匹配所有不匹配簡單選擇符s的元素e

e ~ f 匹配e元素之後的f元素

2、 css3特效部分1:圓角,陰影,漸變

border-radius

box-shadow

text-shadow

-webkit-gradient

3、 css3特效部分2:背景,邊框背景

background-origin

background-clip

background-size

multiple backgrounds

border-image

4、 css3特效部分3: 變形

rotate

x/y/z

scale

translate

transform-origin,transition-property,transition-duration,

transition-timing-function,transition-delay'

skew

matrix

5、 css3特效部分4:動畫

animation-name

animation-duration

animation-timing-function

animation-delay

animation-iteration-count

-webkit-animation-direction

**自:

Java 泛型 先記下來,以後分析

1 返回值public listgethostlist 2 入參 protected void sethostlist list hostlist 3 什麼鬼?型別轉換 for powerhost host this.gethostlist else 4list vms new arraylist ...

CSS3學習筆記 下

1.用class對元素進行分類 製造紅葡萄酒的葡萄 2.利用id標識元素 1.元素選擇器 p,th,td p em p em 緊鄰 h1 p 緊鄰 2.屬性選擇器 title 1.float元素 1 可以通過css屬性float令元素向左或向右浮動。float屬性的值可以是left right或者n...

css3特性彙總

設定圓角 border radius 5px 4px 3px 2px 四個半徑值分別是左上角 右上角 右下角和左下角,順時針 設定陰影 box shadow x軸偏移量 y軸偏移量 陰影模糊半徑 陰影擴充套件半徑 陰影顏色 投影方式 具體每乙個引數如下所示 線性漸變背景 background ima...