css3 伪类选择器
生活随笔
收集整理的這篇文章主要介紹了
css3 伪类选择器
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1.target:表示當(dāng)前的url片段的元素類型,這個元素必須是E (作用類似于選項(xiàng)卡)
2.::before{content:“要添加的內(nèi)容”} 添加到......之前
3.rgb() 顏色
4.rgba(213,123,211,0.8) 顏色三個值+透明度eng
5.(1)tetx-shadow(0,0,0,#ccc) 文字陰影:左右偏移量,上下偏移量,模糊量,顏色。四個參數(shù)有正負(fù)(2)tetx-shadow(0,0,0,#ccc,0,0,0,#ccc)可以疊加
6. transition 過渡
7. -webkit-text-stroke 文字描邊
8. direction :(1)Rtl 右→左(2)Ltr 左→右一定要配合Unicode-bidi:bidi-override一起使用
9. 超出省略號: white-space:nowrap,overflow:hidden,text-overflow:ellipsis(clip:無省略號)
10.CSS3實(shí)現(xiàn)
圓角(border-radius),
陰影(box-shadow),
對文字加特效(text-shadow、),
線性漸變(gradient),
旋轉(zhuǎn)(transform)
transform:rotate(9deg)scale(0.85,0.90)translate(0px,-30px)skew(-9deg,0deg);
//旋轉(zhuǎn),縮放,定位,傾斜
增加了更多的CSS選擇器 多背景 rgba 在CSS3中唯一引入的偽元素是::selection. 媒體查詢,多欄布局 border-image
復(fù)制代碼
轉(zhuǎn)載于:https://juejin.im/post/5c9363816fb9a070ba313d3a
總結(jié)
以上是生活随笔為你收集整理的css3 伪类选择器的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 购物单
- 下一篇: 你与一份好简历之间的距离