随笔分类 -  css

css and some new property in css3
BFC布局原理
摘要：写这篇博客的初衷其实是在解决浮动的时候看到的这个方法，就想着BFC是什么，为什么可以清除浮动。结果不看不知道，一看越看越不明白，潜下心来研究看看，总结一下学习心得。 1.BFC是什么 BFC就是Box Formatting Context的简称，直译为"块级格式化上下文"。 1.1　Box是css布 阅读全文
posted @ 2016-10-21 21:20 王小伞 阅读(497) 评论(1) 推荐(0)
浅谈float浮动
摘要：float大概是css3以前网页布局里最常用的一个属性了，经常看到一言不合就浮动的代码，就一起来深入挖掘一下这个一半天使一半魔鬼的属性吧。 本文是读张鑫旭大神慕课网float视频后的一些总结及一些拓展用法，视频地址：http://www.imooc.com/learn/121。该视频初读很枯燥，认真 阅读全文
posted @ 2016-10-19 18:07 王小伞 阅读(771) 评论(0) 推荐(0)
雪碧图应用
摘要：最近学习了雪碧图的使用，雪碧图的好处这块就不多说了，只说应用部分。 雪碧图的使用依赖于background-position这个属性，属性值分别为x,y轴的值，图片的显示大小由容器决定，简单点说，就是承载该图片的大小是多大显示区间就是多大，起始点就是background-position属性值的坐标 阅读全文
posted @ 2016-10-08 23:25 王小伞 阅读(830) 评论(0) 推荐(0)
css3中filter的各种特效
摘要：css3中的filter属性可以说是简单易用且强大，这些效果作用在图片上实现一些特效（也可以作用在vidio上，此处只讨论图片特效）。 浏览器兼容性 目前各大浏览器对于css3的兼容已经非常好了，最新版本都可以支持css3，老版本的ie9以下的还是不支持，不过这不是重点，微软都准备放弃这些老古董了。 阅读全文
posted @ 2016-10-06 12:12 王小伞 阅读(10037) 评论(0) 推荐(2)
浅析css布局模型2
摘要：上节对整个布局模型进行了概述，这节先谈一下布局模型的几个属性。 z-index属性 该属性是检索或设置对象的层叠顺序，默认值为auto，遵循其父对象的定位。 并级的对象，该属性的值越大，则被层叠在最上面，如两个对象的属性该值相同，则依据文档流的顺序，先写的将会被覆盖，必须定义对象的position属 阅读全文
posted @ 2016-07-19 16:34 王小伞 阅读(312) 评论(0) 推荐(0)
浅析css布局模型1
摘要：css是网页的外衣，好不好看全凭css样式，而布局是css中比较重要的部分，下面来分析一下常见的几种布局。 流动模型 流动模型是网页布局的默认模式，也是最常见的布局模式，他有两个特点： 1.块状元素都在所处包含元素内自上而下按顺序垂直延伸分布。常见的块状元素有：div,p,ul,ol,h1~h6,a 阅读全文
posted @ 2016-07-19 09:58 王小伞 阅读(514) 评论(0) 推荐(0)