本文里面收集一些有关CSS的技巧、教程、工具和观点等，其中一些你也许早就运用的炉火纯青，也可能有的你听都没听说过。不管是新手还是高手，大家都继续学习吧。 一，Web 标准 要玩游戏，就得先了解规则。要学CSS，就应该先了解一下Web标准。尽管看上去不是必须的(我在学CSS之前，根本不知道也不想知道W ...
分类：
Web程序 时间：
2018-03-02 15:37:03
阅读次数：
222
前端开发越来越侧重于效率和性能，使用LESS和SCSS资源的预处理器为我们前端CSS编写工作提供了很大的便利。但是也有很多简单的方法可以编写小巧快速的CSS代码，提高开发效率并解决许多常见的问题。 1.使用CSS reset 像normalize.css这样的CSS重置库非常受欢迎，它为您的站点样式 ...
分类：
Web程序 时间：
2018-02-14 18:18:34
阅读次数：
173
摘要：1. div 的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下 1.div 的垂直居中问题 v ...
分类：
Web程序 时间：
2018-02-13 19:26:37
阅读次数：
215
1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ 2. 使用 :not() 在菜单上应用/取消应用边框 先给每一个菜单项添加边框 3. 页面顶部阴影 下面这个简单的 css3 代码片段可以给网页加上漂亮的顶部阴影效果： 4. 给 body 添加行高 你不需要分别添加 line-h ...
分类：
Web程序 时间：
2018-01-03 13:57:43
阅读次数：
164
* { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter:grayscale(100%); -ms-filter: grayscale(100%); -o-filter:grayscale(100%); } i... ...
分类：
Web程序 时间：
2017-12-13 23:31:36
阅读次数：
171
如何清除图片下方出现几像素的空白间隙？ 方法1： img{display:block;} 方法1： 方法2： img{vertical-align:top;} 除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的<length>和<p ...
分类：
Web程序 时间：
2017-12-04 19:02:39
阅读次数：
186
Book List Book List Title ID Country Pr... ...
分类：
Web程序 时间：
2017-10-12 19:03:24
阅读次数：
243
1. 导航高亮 导航高亮是一种很常见的问题，包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制，但是用一点CSS技巧就可以达到这个目的，不需要使用JS。 在正常态时，每个导航的默认样式为： 当前页面的导航透明度为1. 为了实现这个目的： 首先通过body给不同的页面添加不同的类，用 ...
分类：
Web程序 时间：
2017-08-17 17:18:43
阅读次数：
198
一、设置等宽的表格 table设置宽，则每列平分table的宽 示例 二、flexbox 布局 智能计算padding 容器属性(CSS的columns在伸缩容器上没有效果) flex-direction: row | row-reverse | column | column-reverse; f ...
分类：
Web程序 时间：
2017-08-14 00:34:03
阅读次数：
229
许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里面展示每个容器的内容，就象经典表格布局中的单元格控制几个栏目的位置，也喜欢容器的内容居中或顶部对齐显示。 但是你又不喜欢用table来实现他，那怎么办呢？实现的方法很多，有根据视觉错觉实现的，有用JS控制使高度相等的，还有采用容器溢出部分 ...
分类：
Web程序 时间：
2017-07-28 22:10:12
阅读次数：
187
