伪类 伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰。常见的几种伪类是: :link , :visited , :hover , :active , :first child 以及 :nth child。 这里还有很多,接下来我们将要逐一进行介绍。此外,伪类前面总是加 ...
分类:
Web程序 时间:
2018-12-07 14:43:48
阅读次数:
134
伪类 - pseudo classes 首先看看CSS2中对伪类的定义: CSS 伪类用于向某些选择器添加特殊的效果 CSS3对伪类的定义: 伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。 伪类由一个冒号:开头,冒号后面是伪类的名称和包含在圆括 ...
分类:
其他好文 时间:
2018-11-22 00:16:47
阅读次数:
207
方法一:使用内容生成的方式清除浮动 这种方法不能解决margin在垂直边界上的叠加问题,如果不涉及margin的边界叠加问题使用这种方法清除浮动就行了 。 方法二:使用伪元素方式清除浮动 bootstrap3.3.7中就使用这种方法清除浮动,这种方法代码比第一种多一点,不过它能解决margin在垂直 ...
分类:
其他好文 时间:
2018-11-16 00:32:25
阅读次数:
162
1px的边框实现思路: 给准备加1px的元素相对定位 给该元素加一个伪元素,给伪元素一个绝对定位 然后把元素的宽高按照dpr相对应的倍数等比例缩放。(css3中的transfrom:scale()) 下边用stylus实现移动端的1像素边框: ...
分类:
移动开发 时间:
2018-11-15 22:36:22
阅读次数:
275
目录 CSS介绍 CSS语法 CSS实例 CSS注释 CSS的几种引入方式 行内样式 内部样式 外部样式 CSS选择器 基本选择器 组合选择器 属性选择器 分组和嵌套 伪类选择器 伪元素选择器 选择器的优先级 CSS属性相关 宽和高 字体属性 文字属性 背景属性 边框 border radius d ...
分类:
Web程序 时间:
2018-11-14 20:54:26
阅读次数:
221
1、列举你知道的css选择器 说道css选择器,大家都知道有许多种,但是真要你去掰着手指头数一数的话,你可能需要数几分钟。其实这么多选择器,完全可以分为两类: 多标签选择器一般和html上下文有关,它有以下集中分类 特殊1:id选择器 特殊2:class选择器 3. 伪类和伪元素 上文提到了若干种选 ...
分类:
其他好文 时间:
2018-11-13 22:41:57
阅读次数:
239
CSS选择有很多种 : 内联样式 ID class 标签 属性选择器 伪类 伪元素 子选择器 相邻选择器 权重为: 内联为1000 ID 为100 如#box class 伪类 属性选择器为10 如 .box :first-child 类型选择器 伪元素为1 如div p :after 子选择器 相 ...
分类:
Web程序 时间:
2018-11-13 21:41:33
阅读次数:
152
直接上代码!!! /*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ content:'al ...
分类:
其他好文 时间:
2018-11-10 10:52:37
阅读次数:
125
定义 伪类选择器:伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。(CSS3中的定义) 不存在与DOM树中的信息,如<a>标签的 :link、:visited、:hover、:focus、:active。这些信息不存在与DOM树结构中,只能通过C ...
分类:
Web程序 时间:
2018-11-07 21:40:38
阅读次数:
242