码迷,mamicode.com
首页 >  
搜索关键字:伪元素    ( 805个结果
css练习
<!--1.列举你知道的css选择器-->基本选择器:标签选择器、id选择器、类选择器高级选择器:并集选择器、交集选择器、后代选择器、子元素选择器、伪类选择器、伪元素选择器<!--2.分别阐述类选择器和id选择器的作用-->ID选择器,#开头,ID不能重复类选择器,.开头,类可以重复一个页面上所有控 ...
分类:Web程序   时间:2019-01-30 19:10:08    阅读次数:676
css知识点总结
css知识点总结: 1.title显示 2.css样式引入 3.css选择器与选择器权重 4.滚动条消失 5.快捷键 6.display 7.浮动 8.居中 9.文字竖直居中 10.盒模型 11.伪类与伪元素 伪类:hover,link等 伪元素: ::before ::after 12.backg ...
分类:Web程序   时间:2019-01-27 21:32:40    阅读次数:198
伪元素选择器
标签(空格分隔): 伪元素 介绍常用的伪元素: first letter 例如: before 用于在元素的内容前面插入新内容。 在所有p标签的内容前面加上一个红色的 after 用于在元素的内容后面插入新内容。 在所有p标签的内容后面加上一个蓝色的?。 ...
分类:其他好文   时间:2019-01-24 23:31:21    阅读次数:564
CSS选择器权重计算
权重计算规则 内联样式,如: ,权值为 。 ID选择器,如: ,权值为 。 类,伪类和属性选择器,如 ,权值为 。 类型选择器和伪元素选择器,如 ,权值为 。 通配符、子选择器、相邻选择器等的。如 ,权值为 。 继承的样式没有权值。 权值越大,权重越高 !important 用来提升优先级,加了这句 ...
分类:Web程序   时间:2019-01-22 17:35:47    阅读次数:173
HTML:::before和::after伪元素的用法
随笔 - 366 文章 - 0 评论 - 392 随笔 - 366 文章 - 0 评论 - 392 随笔 - 366 文章 - 0 评论 - 392 随笔 - 366 文章 - 0 评论 - 392 ::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒 ...
分类:Web程序   时间:2019-01-21 15:58:28    阅读次数:302
转::before和::after伪元素的用法
一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::b ...
分类:其他好文   时间:2019-01-20 16:28:25    阅读次数:161
float clear
Float float 属性的原本作用是: float 父元素高度塌陷实现文字环绕效果 float 固定一列宽的自适应布局 float 多列布局` float 固定一列宽的自适应布局 float 多列布局 clear 元素盒子的边不能和 浮动元素相邻 clear 属性只对块级元素生效 等伪元素默认是 ...
分类:其他好文   时间:2019-01-20 00:11:45    阅读次数:227
css生成彩色阴影
通常用css生成单色或者同色系的的阴影(box-shadow),其实可以通过巧妙的利用 filter: blur 模糊滤镜,可以生成渐变色或者说是颜色丰富的阴影效果,如图: 原理: 利用伪元素,生成一个与原图一样大小的新图叠加在原图之下,然后利用滤镜模糊 filter: blur() 配合其他的亮度 ...
分类:Web程序   时间:2019-01-13 23:30:28    阅读次数:360
::before和::after伪元素的用法
css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before ...
分类:其他好文   时间:2019-01-12 10:37:58    阅读次数:197
19.纯 CSS 创作一种有削铁如泥感觉的菜单导航特效
原文地址:https://segmentfault.com/a/1190000014836748 感想: 把原元素隐藏,利用伪元素::before 和 ::after 各取上下一半 clip-path 切割图片 HTML代码: CSS代码: ...
分类:Web程序   时间:2019-01-11 13:12:19    阅读次数:166
805条   上一页 1 ... 17 18 19 20 21 ... 81 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!