伪类 基于当前元素所处的状态或具有的特性，用于设置元素自身的特殊效果。 a：link 规定所有未被点击的链接； a：visited 匹配多有已被点击过的链接； a：active 匹配所有鼠标按下未松开的元素； a：hover 匹配所有鼠标移入/悬停在元素上的元素； ：focus 被选中的元素； ：f ...
分类：
Web程序 时间：
2017-10-22 21:40:03
阅读次数：
270
1.伪元素写图标 <span class="text"></span> .text:before{ content:url(icon); } 将图标放在伪元素里面，与文字对齐 2.flex 元素不能是inline，都是inline-block或block 3.模拟table 父元素display:t ...
分类：
其他好文 时间：
2017-10-22 21:08:28
阅读次数：
198
某天突然遇到一个有趣的面试题，需用CSS实现一个宝马的Logo,第一反应就是这不是老生常谈的八卦图的小变形吗，只需用伪元素就可轻易的实现啦，但是细看要求说只能在一个标签里写样式，所以呜呜呜。。。请教下大神，还是有多种方法的，下面简单分享一下哈！ 实现如下效果： 第一种：利用伪元素实现 第二种：利用b ...
分类：
Web程序 时间：
2017-10-16 21:41:05
阅读次数：
219
一、继承： 1、指应用在某个标签上的CSS属性传递给了内部嵌套的标签； 2、通常文本类的会被继承：字体、字号、颜色； 二、层叠： 类型 内嵌 id Class、伪类 元素、伪元素 权重值 a b c d 内嵌 1 0 0 0 id 0 1 0 0 Class、伪类 0 0 1 0 元素、伪元素 0 ...
分类：
Web程序 时间：
2017-10-15 21:18:49
阅读次数：
157
效果图： 1 2 总结： 1、body部分用无序列表 2、（1）hover 鼠标移上时的效果。 （2）疑问::before和:before的区别 简单来说单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 w3c关于css选择器的规范： A pseudo-element is made ...
分类：
Web程序 时间：
2017-10-15 11:37:01
阅读次数：
228
CSS代码由一个个规则组成，选择器+声明块。 1、元素选择器 标记名{声明块}，eg：p{font-size：18px;} 所有与标记名匹配的元素，都将应用声明块中的规则。 2、类选择器 .类名{声明块} 所有class属性为指定类名的元素，都将应用声明块中的规则。 注意事项：（1）、类名必须以字母 ...
分类：
Web程序 时间：
2017-10-14 23:31:08
阅读次数：
243
固定高宽div垂直居中 如上图，固定高宽的很简单，写法如下： 不固定高宽div垂直居中的方法 方法一（此div元素应是 inline-block）： 用一个“ghost”伪元素（看不见的伪元素）和 inline-block / vertical-align 可以搞定居中，非常巧妙。但是这个方法要求待 ...
分类：
Web程序 时间：
2017-10-13 21:16:57
阅读次数：
2616
##继承 应用在某个标签/元素的CSS属性传递给了内部嵌套的标签。通常文本的会被继承（字体，颜色，字号），Chrome里灰色的表示没有继承。 ##层叠 内嵌 1 0 0 0 id 0 1 0 0 class属性，伪类 0 0 1 0 元素、伪元素 0 0 0 1 通常符* 0 ！important ...
分类：
Web程序 时间：
2017-10-08 18:52:28
阅读次数：
198
1.overflow:hidden 较简单，兼容于市面浏览器、负面效果不详、暂不推荐使用。2.定义clear类，并把clear类赋给浮动元素的父级元素。 .clear{display:block;overflow:hidden;} 3.定义clear类，使用伪元素:after，把clear类赋给浮动 ...
分类：
Web程序 时间：
2017-09-30 19:33:46
阅读次数：
216
前言：这篇文章是转载【前端开发博客】的一篇技术文章，并非本人所写。只是个人觉得很实用，所以分享给大家。原文链接：github.com 1、利用 CSS 的 content 属性 attr 抓取资料需求 鼠标悬浮实现一个提示的文字，类似github的这种，如图： 想必大家都想到了伪元素 after，但 ...
分类：
Web程序 时间：
2017-09-29 00:03:36
阅读次数：
280
