在刚刚过去的第四届CSS大会上，不少人提到了布局的问题。那么这篇很适合重温一下。今日早读文章由@蔡剑涛投稿分享。 @蔡剑涛,来自海致星图前端团队,专注前端项目架构设计、组件库开发、开发流程精进和团队技术体系建设 正文从这开始～ 背景 前端圈有个“梗”：在面试时，问个css的po…

像素是屏幕显示最小的单位，在一个1080p的屏幕上，它的像素数量是1920 * 1080，即横边有1920个像素，而竖边为1080个。一个像素就是一个单位色块，是由rgba四个通道混合而成。对于一个1200万像素的相机镜头来说，它有1200万个感光单元，它能输出的最大图片分辨率…

作为一名Web开发者，CSS是必备技能之一，我一直以为自己对CSS的掌握已经够用了，直到读Lea Verou的《CSS揭秘》时，我发现自己充其量就算个会打CS的选手，书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案，在这里强烈的推荐给每一位从事前端相关的…

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

上篇CSS3 3D属性入门篇受到了别人的嗤之以鼻，一万点伤害值，好吧，你要的全景视图来了。（哈哈，打击是进步的阶梯！）。今次就来个大家用3D属性最爱炫技的场景，旋转的立方体，有人声称这种动画简直代表了CSS3的癫疯，不不，是巅峰。做完之后只想吼一声，你说的没差！由平面动效进阶到立…

在我用这个建站工具之前，我用 java ssm 框架写了个半成品博客的项目，包括前后台 (因为服务器成本高，暂时搁置)。在选择 typecho 之前呢？我又用过 N 多个 blog，你听过，你没听过我几乎都用了。决定这个是因为用着顺手

今天在锤子手机官网看到一个 活动页。它的内容布局让我学习了。 .wrapper-banner 是个普通的 div block 元素；.content-banner 是 relative 的；img 是一张 大~图片，宽 2560px；a.hot 是绝对定位元素，使用了 left…

因为中文的博大精深，以及早期文件编码的不统一，造成了现在可能碰到的文件编码有GB2312、GBk、GB18030、UTF-8、BIG5等。因为编解码的知识比较底层和冷门，一直以来我对这几个编码的认知也很肤浅，很多时候也会疑惑编码名到底是大写还是小写，英文和数字之间是不是需要加“…

纯 CSS 制作各种图形 (多图预警)