网站入口页双栏对称布局实现思路

先来一张预览图。接下来说一说这种页面布局的实现思路，因为自己是从零开始的，所以着实花了好几天功夫才实现了这么一个看起来很简单的布局，所有东西都要自己一点点摸索，不过这种经历对于自己的成长也是很有帮助的。好了，下面进入正题。整体布局在写这个页面的过程中，其实不管是 HTML 代码的结构，还是 CSS 的实现方式，思路一直都是在变化的，目前的布局如下：HTML 代码结构顶部为导

业界 2016年07月04日

使用CSS处理标题过长，自动截断，兼容响应式布局

应用场景描述 例如PHP 从数据库读取一个商品，那么当商品标题很长的时候，很可能会影响页面布局。处理方法如下：PHP 字符串截取JS 字符串截取CSS 属性处理（推荐）CSS 属性处理方法 html代码片段 商品标题商品标题商品标题商品标题商品标题商品标题 9秒前 css样式代码 .cut{ display: inline-block; /让span 标签变成

业界 2016年07月03日

切图崽的自我修养－使用自动化工具

前言F5已烂想来大家对自动化构建工具已经不陌生了，自动化构建工具可以帮开发者省去很多重复劳动比如:语法纠错、文件打包、文件操作，合并压缩等等. 常用的自动化构建工具有Gulp,Grunt,Fis等等，这些构建工具核心都是依赖第三方插件，通过颗粒化任务，再将这些任务按照合适的方式进行组合，构建项目所需的自动化工作流常用插件这里来简单来说明一下Grunt的最常用的几个插件:gr

业界 2016年07月14日

兼容性总结

写在前面的话，也不知道还要不要管ie6、7，晕晕乎乎的 1. 在IE6元素浮动，如果宽度需要内容撑开，就给里边的块元素都加浮动例： ### 左侧 ### 右侧给它设置css.box{ width:200px;}.left{background:red;float:left;}.right{float:right; background:blue;

业界 2016年07月04日

css居中最佳实践

css居中是非常常见的问题，也是面试热门，现在对居中问题做个总结水平居中万能的text-align居中给父元素添加text-align:　center,子元素都会居中，无论是inline还是block缺点：text-align属性会继承会影响后代元素display: table配合margin: 0 auto.center {display: table;margin: 0

业界 2016年07月18日

CSS魔法堂：Bo-Shadow没那么简单啦:)

前言 说起box-shadow那第一个想法当然就是用来实现阴影，其实它还能用于实现其他好玩的效果的，本篇就打算说说box-shadow的那些事。二话不说看效果3D小球.ball{ background: rgba(100,100,100,0.2); width: 100px; height: 100px; padding: 10px; border-radius:

业界 2016年05月11日

js对象属性

js对象属性有两种访问方式，代码如下：var test={name:'wzh',sex:'man'}var n='name';console.log(test[n]);//第一种：可以动态访问对象属性console.log(test.name);//第二种:不能动态访问对象属性关键字：JavaScript, html5, css, 属性

业界 2016年07月08日

Web标准制定过程

W3C的标准规范是怎么制定出来的？浏览器厂商是收到来自w3c的规范标准才结合自己的浏览器进行开发更新以支持新特性吗？一直很好奇，搜集了一些资料，主要参考了W3C CSS工作组特邀专家Lea Verou写的《CSS揭秘》和W3C的官方介绍。一. W3CW3C，一直被大众认为是Web标准的制定者，我们遇到的很多问题，大部分都能通过研究W3C官网上发布的文档解决（官方文档也是最好

业界 2016年08月04日

Sass

Sass 是一个CSS 的扩展，在语法CSS语法的基础上，增加变量，嵌套规则, 混合,导入，函数等功能 对CSS进行预处理的“中间语言” 文件格式 .sass ，.scss scss是对css的一种拓展，跟css很像，是开发中最常用的模式。 Sass从第三代开始，放弃了缩进风格，并且完全向下兼容普通的CSS代码。被称为scss 编译Sass Node环境 sass app.

业界 2016年07月23日

页面性能优化实践总结

页面性能优化学而不思则惘，思而不学则殆前几天接到一个页面效果优化的任务，边做边查阅了一些关于页面性能的资料。做完任务之后，抽空写了一篇总结，梳理一下思路，加深自己的理解。1. chrome的timeline先思考这样的一个问题：什么叫页面性能好？如何进行评判？直观上讲，我们通常会通过一个页面流不流畅来判断一个页面的性能好不好。但是开发中，总不能这么随意吧。1-1 fpsFP

业界 2016年07月14日