<!--1.列举你知道的css选择器-->基本选择器:标签选择器、id选择器、类选择器高级选择器:并集选择器、交集选择器、后代选择器、子元素选择器、伪类选择器、伪元素选择器<!--2.分别阐述类选择器和id选择器的作用-->ID选择器,#开头,ID不能重复类选择器,.开头,类可以重复一个页面上所有控 ...
分类:
Web程序 时间:
2019-01-30 19:10:08
阅读次数:
676
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
权重计算规则 内联样式,如: ,权值为 。 ID选择器,如: ,权值为 。 类,伪类和属性选择器,如 ,权值为 。 类型选择器和伪元素选择器,如 ,权值为 。 通配符、子选择器、相邻选择器等的。如 ,权值为 。 继承的样式没有权值。 权值越大,权重越高 !important 用来提升优先级,加了这句 ...
分类:
Web程序 时间:
2019-01-22 17:35:47
阅读次数:
173
随笔 - 366 文章 - 0 评论 - 392 随笔 - 366 文章 - 0 评论 - 392 随笔 - 366 文章 - 0 评论 - 392 随笔 - 366 文章 - 0 评论 - 392 ::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒 ...
分类:
Web程序 时间:
2019-01-21 15:58:28
阅读次数:
302
一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::b ...
分类:
其他好文 时间:
2019-01-20 16:28:25
阅读次数:
161
Float float 属性的原本作用是: float 父元素高度塌陷实现文字环绕效果 float 固定一列宽的自适应布局 float 多列布局` float 固定一列宽的自适应布局 float 多列布局 clear 元素盒子的边不能和 浮动元素相邻 clear 属性只对块级元素生效 等伪元素默认是 ...
分类:
其他好文 时间:
2019-01-20 00:11:45
阅读次数:
227
通常用css生成单色或者同色系的的阴影(box-shadow),其实可以通过巧妙的利用 filter: blur 模糊滤镜,可以生成渐变色或者说是颜色丰富的阴影效果,如图: 原理: 利用伪元素,生成一个与原图一样大小的新图叠加在原图之下,然后利用滤镜模糊 filter: blur() 配合其他的亮度 ...
分类:
Web程序 时间:
2019-01-13 23:30:28
阅读次数:
360
css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before ...
分类:
其他好文 时间:
2019-01-12 10:37:58
阅读次数:
197
原文地址:https://segmentfault.com/a/1190000014836748 感想: 把原元素隐藏,利用伪元素::before 和 ::after 各取上下一半 clip-path 切割图片 HTML代码: CSS代码: ...
分类:
Web程序 时间:
2019-01-11 13:12:19
阅读次数:
166