css3 伪类选择器

1.target：表示当前的url片段的元素类型，这个元素必须是E  （作用类似于选项卡）
2.：：before{content：“要添加的内容”}  添加到......之前
3.rgb（）   颜色
4.rgba（213,123,211,0.8）   颜色三个值+透明度eng
5.（1）tetx-shadow（0,0,0，#ccc）  文字阴影：左右偏移量，上下偏移量，模糊量，颜色。四个参数有正负（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实现
圆角（border-radius），
阴影（box-shadow），
对文字加特效（text-shadow、），
线性渐变（gradient），
旋转（transform）
transform:rotate(9deg)scale(0.85,0.90)translate(0px,-30px)skew(-9deg,0deg);
//旋转,缩放,定位,倾斜
增加了更多的CSS选择器 多背景 rgba 在CSS3中唯一引入的伪元素是::selection. 媒体查询，多栏布局 border-image
复制代码

转载于:https://juejin.im/post/5c9363816fb9a070ba313d3a

css3 伪类选择器相关推荐

css伪类选择器记忆技巧,CSS3 伪类选择器 :nth-child()
:nth-child()可以选择某个的一个或多个特定的子元素,你可以按这种方式进行选择: :nth-child(length);/*参数是具体数字*/ :nth-child(n);/*参数是n,n从0 ...
CSS3伪类选择器：nth-child()（nth-child(odd)/nth-child(even)）
nth-child(odd):奇数 nth-child(even):偶数使用时,如果是精确到数字时,切记是从同一级别的元素开始计算,而不是指定某个类才开始计算. 比如: <li>< ...
CSS3伪类选择器:nth-child(n)及:nth-of-type(n)使用区别探究总结
标签的情况 tag:nth-child(n):很好理解.1.各层级中的第n个元素:2.且该元素是tag tag:nth-of-type(n):和上面不一样.1.在各层级中第n个出现的tag元素,与它是 ...
《图解CSS3：核心技术与案例实战》——2.4节动态伪类选择器
本节书摘来自华章社区<图解CSS3:核心技术与案例实战>一书中的第2章,第2.4节动态伪类选择器,作者大漠,更多章节内容可以访问云栖社区"华章社区"公众号查看 2.4 ...
CSS 伪类选择器：如何使用 CSS3 伪类
CSS 伪类选择器:如何使用 CSS3 伪类 CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为 ...
css右箭头,css3 伪类实现右箭头→
css3 实现右箭头→ Document .divtest{ position: absolute; top: 100px; left: 100px; height: 3px; width: 10px ...
css 伪类 disabled,css3 :enabled与:disabled伪类选择器(示例代码)
css :enabled和:disabled伪类选择器在Web表单中,有些表单元素(如输入框.密码框.复选框等)有"可用"和"不可用"这2种状态.默认情况下, ...
CSS3之伪元素选择器和伪类选择器
伪类选择器,和一般的DOM中的元素样式不一样,它并不改变任何DOM内容.只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见.伪类的效果可以通过添加一个实际的类来达到. ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...

css3 伪类选择器

css3 伪类选择器相关推荐

最新文章

热门文章