qwguo

摘要： 我们在做新闻网站的时候想实现和报纸一样的多列布局效果可以使用css为我们提供的columns属性，他可以让我们轻松实现多列布局效果，类似于word中对文字的分栏排版效果，同时我们还可以通过他的各种属性来设置不同的效果。 阅读全文

摘要： scroll-behavior属性 当用户手动导航或者 CSSOM scrolling API 触发滚动操作时，CSS 属性 scroll-behavior 为一个滚动框指定滚动行为，当用户通过鼠标滑轮滚动或者手机触屏滚动，不受这个属性的影响。在根元素中指定这个属性时，它反而适用于视窗。 scrol 阅读全文

摘要： 我们在对页面进行布局的时候经常会用到浮动布局，浮动布局能够很好的实现我们想要的布局效果，同时兼容方面也是很好的，但是当我们在用左右浮动进行页面布局的时候，由于元素浮动脱了了文档流导致浮动元素的父级高度塌陷而导致元素到高度不是我们理想的状态，在这个时候我们就要使用清除浮动的方法来让父元素的高度能够正常 阅读全文

摘要： 阅读全文

摘要： 简单结构1，列表在前，更多列表在中间，内容在后 简单结构2，内容在前，列表在后,这种布局兼容性不是很好，内容在前对于SEO优化很重要 复杂结构,内容在前，列表在后，能够很好的实现自适应布局，并且兼容性好。内容在前对于SEO优化很重要 阅读全文

摘要： 我们在切页面的时候打交道最多的就是关于布局排版的技巧，我这里总结了一些平时做页面时用的到各种布局技巧，作为笔记便于日后随时查询。 1、简单结构1，列表在前，内容在后 2、简单结构2，内容在前，列表在后,这种布局兼容性不是很好，内容在前对于SEO优化很重要 3、复杂结构,内容在前，列表在后，能够很好的 阅读全文

摘要： 通过纯css实现圆角的步骤流程效果，扩展性强，可以随意增加减少数量，兼容性ie6+。 具体代码： 阅读全文

摘要： 我们在做css的时候为了提高网站的效率减少服务器请求，我们可以通过css来实现一些简单的图片特效，比如说三角形，这篇文章讲解的是通过边框实现不同的效果。 首先看一下不同边框样式的效果： 代码部分： 1 <style type="text/css"> 2 .style-border b { 3 bor 阅读全文

摘要： 第一：在含数前面加一元运算符； 1 //方法1 2 +function (i) { 3 console.log('+'); 4 }(1); 5 //方法2 6 -function (i) { 7 console.log('-'); 8 }(2); 9 //方法3 10 !function (i) { 阅读全文

摘要： 我们再试用jquery获取样式的时候是通过$('domName').css('transform')；的方式来获取元素的css样式，但是通过它获取到的css3的transform属性是以矩阵的方式呈现的：matrix(a, b, c, d, e, f);这样的返回值并不是我们想要的结果。 我们要想获 阅读全文