随笔分类 -  CSS/CSS3

BFC（块级格式上下文）
摘要：BFC的生成 满足下列css声明之一的元素便会生成BFC 根元素 float的值不为none overflow的值不为visible display的值为inline-block、table-cell、table-caption position的值为absolute或fixed BFC的约束规则 阅读全文
posted @ 2016-09-20 15:06 shanyezi 阅读(3199) 评论(0) 推荐(0)
WebP 图片实践之路
摘要：我们会从三部分来聊聊webp这个话题。 什么是webp，它有什么用? 使用webp的常规方法以及优劣。 我们是如何用上webp的。 PS：如果是对webp有一定了解的朋友，建议直接看第三部分。因为是讲我们的实践之路，所以第三部分会多讲一些。 一、什么是webp，它有什么用？ webp是谷歌推出的一种 阅读全文
posted @ 2016-08-31 19:03 shanyezi 阅读(2800) 评论(1) 推荐(0)
深入理解display属性
摘要：前面的话 display属性在网页布局中非常常见，但经常用到的仅仅是block、inline-block、inline和none等寥寥几个属性值，本文将详细介绍display属性的各个方面 定义 display属性用于规定元素生成的框类型，影响显示方式 值: none | inline | bloc 阅读全文
posted @ 2016-08-16 12:43 shanyezi 阅读(6818) 评论(0) 推荐(0)
前端开发人员需要了解的CSS原理
摘要：转自http://web.jobbole.com/10011/ 一、浏览器的发展与CSS 网页浏览器主要通过HTTP协议连接网页服务器而取得网页，HTTP容许网页浏览器送交资料到网页服务器并且获取网页。目前最常用的 HTTP 是 HTTP/1.1，这个协议在RFC2616中被完整定义。HTTP/1. 阅读全文
posted @ 2016-08-15 15:28 shanyezi 阅读(289) 评论(0) 推荐(0)
用css3绘制你需要的几何图形
摘要：用css3绘制你需要的几何图形 原文出处：http://www.cnblogs.com/wdlhao/p/5751211.html 1.圆形 示例: 思路：给任何正方形元素设置一个足够大的 border-radius ，就可以把它变成一个圆形.代码如下： html: css: 2、自适应椭圆 思路： 阅读全文
posted @ 2016-08-10 15:39 shanyezi 阅读(289) 评论(0) 推荐(0)
CSS3 三角形运用
摘要：<!-- BEGIN .grid-8 --> <!-- BEGIN .post --> <!-- BEGIN .entry-header --> 酷酷的 CSS3 三角形运用 <!-- BEGIN .entry-header --> <!-- BEGIN .entry-meta --> 概述 在早期 阅读全文
posted @ 2016-08-10 11:56 shanyezi 阅读(420) 评论(0) 推荐(0)