多种CSS垂直居中技巧
自古以来（是有多古？）～网页CSS的垂直置中需求始终没有停过，而其困难度也始终没有让人轻松过，经过了每位开发先烈们的研究后，据说CSS的垂直置中技巧已达到近十种之多，但始终鲜为人知，部分公司甚至将CSS的垂直置中技巧当成了面试题目，其重要性可见一斑，经过了Amos通灵了一下之后把垂直置中的写法扩增到了23个，今天就让A...
分类：前端探索
该分类下的全部文章。
网页设计中常用的web安全字体及CSS写法
HTML，CSS，font-family：中文字体的英文名称 中文名 对照名 css写法 宋体 SimSun font-family：SimSun； 黑体 SimHei font-family：SimHei； 微软雅黑 Microsoft YaHei font-family：Microsoft YaHei； 微软正黑体...
开脑洞系列——CSS3版天气预报
前言 前几天看了一篇文章 ， 颠覆了我对 CSS 认识，心中无数次蹦出一个念头：'WC，还能特么这么用，这特么太叼了' ... 于是我迫不及待想跟你们一起分享分享，以后你也可以在别人面前炫（装）耀（B）了 ps：本文原创不是我，我只是搬运工，看到好东西与大家分享而已 装B指南 本文中，所有的图形都是在单个标签内实现的，...
一行神奇的 javascript 代码
(!(+[])+{})[--[+""][+[]][+[]] + !+[]]+({}+[])[[!+[]]+[]] 然后让大家运行，出来的结果让人有点出乎意料，请看： 太风骚了有木有！如果有人诋毁前端瞧不起js的话，那就可以把这段代码发给他了 结果让人有点出乎意料的代码，来自博客园。（下回分析原理）
常用CSS样式缩写语法
缩写CSS样式的好处： 对于浏览者而言，缩写可以减少CSS代码量，进而减少CSS文件体积，有利于访问者更快的打开网页；对于开发者而言，CSS代码量少，阅读简洁明了；对于网站服务器而言，在相同带宽下可以承受更多的访问请求。 常用CSS样式表缩写语法总结 盒尺寸(padding、margin) 常见margin与paddi...
编写出色CSS代码的13个建议
CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则： 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请...
谷歌 HTML/CSS 规范
背景 这篇文章定义了 HTML 和 CSS 的格式和代码规范，旨在提高代码质量和协作效率。 通用样式规范 协议 省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL，好处是无论你是使用 HTTPS 还...
合理使用float布局网页
估计大多数人误解了float的原本设计初衷，但是这里的“误用”是要加引号的，因为这是一种无心插柳的应用。即，用float做网页布局是很合情合理的，鼓励同志们继续使用。 这篇文章主要是为了解决一个实际遇到的问题： 左右两列布局，左侧宽度固定，右侧宽度自适应（或左中右三列布局，左侧和中间宽度固定，右侧宽度自适应），当页面宽...
20个CSS代码片段，你知道不知道
序言 使用技巧会让人变的越来越懒，没错，我就是想让你变懒。 下面是我收集的CSS高级技巧，希望你懒出境界。 黑白图像 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%);...
等我敲完这行代码，就和你离婚！
工作是高端大气上档次，工资是低调奢华接地气！ 我们叫做“程序猿”，也叫“攻城狮”！ 但是往往城还没攻下来，我们的头发就先掉下来！ 我们最喜欢听的一句话就是 段子一 “等我敲完这行代码，就和你离婚！” 他头也不抬的说 听完之后，她心里暖暖的 她想，这可能是最长情的承诺 （因为深知永远敲不完代码） –2017年度十大感动故...