CSS
分享优秀的CSS代码、CSS最新动态、CSS hack技术、CSS模板、CSS工具等CSS资源
固定表格布局
在CSS trick上看到这篇关于表格布局的文章,还没了解过这个属性,读下来感觉挺有用的,会英文的朋友欢迎阅读原文:fixed table layout table{ table-layout:fixed;} 默认的table-layout ...
纯CSS幻灯片
纯CSS幻灯片切换,不支持自动滚动的功能,当然CSS3的animation可以做到,今天先分享一些不自动滚动的动画. 实现原理是使用古老的锚点来定位图片当前位置。看了一下网上的这些东西,我感觉就是这玩意不实用,实际中可能不会用到,倒是CSS ...
WordPress文章目录
博客的文章目录代码是通过查询文章的所有内容,获取里面的某个标签来得到的一个集合。其实本人也不太清楚这种做法值不值得,其实很浪费表情。尤其是在gg被和谐之后。 以上在谷歌中搜索“前端开发规范文档”时,谷歌结果展示的效果,列出了这篇文章的目录的 ...
CSS图片垂直居中最简单的方法推荐
使用CSS实现图片垂直居中,本文提供三种方法实现CSS图片居中,其中第一种加一个标签的方法是我推荐的,代码简洁,兼容性比较好,其他的hack可能会存在问题,不建议使用。如果你对图片实现居中有更好的方法,也请告知我们。
前端开发规范文档
web前端开发规范文档,前端开发文档,前端代码规范,前端编码规范,前端开发流程,前端开发手册
引入CSS文件的@import与link的权重分析
我很少在CSS用到@import这个标签,最近看到一句话“link方式的样式的权重 高于@import的权重”,感觉不太对,@import只是一个引入外部文件而已,怎么会有高于link的权重呢?于是我比较懒,直接在一个静态页面里面测试了一下 ...
css lint是有害的
CSS LINT,优化你的CSS样式表 这篇文章我们详细的介绍到了关于css的一些使用建议,于是我最近开始使用brackets并且安装了csslint的扩展来检查css的样式问题,发现自己的css都有一些错误提示,现在回过头来看,其实css ...
CSS LINT,优化你的CSS样式表
CSS Lint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题,使用方法很简单,只需要把 CSS 内容复制贴上,最后按下 LINT!按钮就可以检查。底下有一些设定项目可以调整检测的项目和规则,预设是全部勾取,如果没有特别的需求可 ...
推荐使用Sass和Compass组合写CSS
最近开始在尝试开始使用Sass来写CSS代码,刚开始虽然还是不太习惯用链式的方式写css,不过这是暂时的阶段。 如果你还不了解Sass,可以看之前发表过的文章来了解详情,Sass主要有下面这几种特性(主要内容来自这里) 左邊為原始scss檔 ...
高效CSS开发核心要点摘录
做网站的,我们都知道尽量减少请求数,压缩CSS代码量,使用高效CSS选择符等方式可以来提高网站的载入速度和访问速度,也就是优化网站的性能。 下面分析了一些CSS的书写方式,很多都是我们知道并且正在使用的,这里记录一下,提醒自己以后写CSS的 ...