使用CSS样式的方式： 定义样式表 ： 1.HTML标记定义： 2.Class定义： 3.ID定义： 4.优先级问题： 5.组合选择器（同时控制多个元素） 6.伪元素选择器： 常见属性 1.颜色属性： 2.字体属性： px:设置一个固定的值 %：父元素的百分比 smaller：比父元素更小 larg ...
分类：
Web程序 时间：
2016-06-28 12:39:01
阅读次数：
1854
一个三角形 当元素宽、高为零，且其他边为透明颜色时，可以形一个三角形。 任意角度的三角形 改变各个边的宽度，即通过调整“边框”厚度可以配置出任意角度 通过伪元素实现 三角形可以通过伪元素绘制出，而无需改变原来的DOM结构 文字内容 伪元素实现三角线箭头 通过伪元素绘制出的两个，一个与背景色相同覆盖部 ...
分类：
Web程序 时间：
2016-06-16 19:45:12
阅读次数：
172
整理一下几年前写的知识点，关于如何用纯CSS写三角形。 方法1：利用CSS3旋转正方形 知识点： 兼容性：FF/Chrome/IE9+ html: CSS： 也可以把伪元素变成空标签，如： html: CSS: 方法2：利用border属性 知识点：border设置的边，会彼此叠加。 兼容性：FF/ ...
分类：
Web程序 时间：
2016-06-16 17:56:51
阅读次数：
255
列举几个简单的文章排行榜数字效果 一：使用list-style来显示数字、圆点、字母或者图片 二：使用伪元素:before 使用这种方法，需要在父级标签设置counter-reset:section; 三：使用js实现，先引入jquery 比较三种方法，无论是从代码量、还是特效，推荐第二种方法，而且 ...
分类：
Web程序 时间：
2016-06-15 20:33:06
阅读次数：
1063
CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外， ...
分类：
Web程序 时间：
2016-06-13 23:37:00
阅读次数：
301
div::selection{color:#fff;background: #E83E84;text-shadow:none} ...
分类：
其他好文 时间：
2016-06-13 18:57:30
阅读次数：
185
今天做一个网页时，全局样式中设置了a：hover{color:red;},在做一个导航时设置如下属性 在浏览器中刷新并不会产生悬停链接变为red的效果。 使用chrome浏览器检查元素，没有找到.content-top a:hover 属性，经过一番折腾终于找到查找伪元素的方法，如下图所示： 由此看 ...
分类：
其他好文 时间：
2016-05-31 06:24:09
阅读次数：
148
CSS层叠样式表 1.在HTML中放置CSS的几种方式 1>内联样式表 2>嵌入样式表 3>链接到外部样式表 样式表优先级（就近原则）：内联 > 内嵌 > 外链 2.CSS选择器 1>HTML选择器 2>类选择器 3>ID选择器 4>关联选择器 5>组合选择器 6>伪元素选择器 选择器优先级： 关联 ...
分类：
Web程序 时间：
2016-05-27 20:21:54
阅读次数：
163
（此文没有门槛，浅显易懂，适合新手入门） 之前以为伪元类选择器用的不多，所以没怎么关注，现在发现：before和：after伪元素已经在前端开发中获得了相当多的关注，所以来研究一下，加深印象。 尽管css 规范中包含其他的伪元素，但是目前我们焦点是 :before 和 :after。因此，为了简便起 ...
分类：
其他好文 时间：
2016-05-27 20:12:14
阅读次数：
151
× 目录 [1]锚点 [2]UI元素 [3]结构伪类[4]其他 前面的话 伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。本文将详细介绍伪 ...
分类：
Web程序 时间：
2016-05-23 18:59:43
阅读次数：
250
