随笔分类 -  CSS

CSS基础知识结构
摘要：CSS：Cascading Style Sheets的简写，层叠样式表。 2017-05-20 HTML是网页页面的结构、CSS是页面的布局、JavaScript是页面的交互行为。 CSS是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言 阅读全文
posted @ 2017-05-20 12:13 道一句 阅读(485) 评论(0) 推荐(0)
渐进增强，优雅降级？
摘要：渐进增强(Progressive Enhancement)与优雅降级(Graceful Degradation) 2017-05-19 在以前，有一个说法：向上兼容、向下兼容。现在的渐进增强就相当于向上兼容，优雅降级相当于向下兼容。无论是增强还是降级都与兼容相关，所以二者都是为提升兼容性而提出的。 阅读全文
posted @ 2017-05-19 19:09 道一句 阅读(229) 评论(0) 推荐(0)
聊聊css sprite技术(雪碧图)
摘要：css sprite技术，又称“css雪碧图”、“css精灵”。 2017-05-19 刚接触sprite技术的时候，估计大家都一样，眼里冒星星，直呼好用好用，是吧😄！而且好处也挺多的，背景图一次加载，减少了请求；对于命名困难症的同学说，图片命名也省去了不少麻烦啦！ 先通俗地讲下sprite是怎么 阅读全文
posted @ 2017-05-19 15:43 道一句 阅读(455) 评论(0) 推荐(0)
总结伪类和伪元素的区别
摘要：最学习css的时候，伪类和伪元素很容易混淆。当时看了很多区别文章还是迷糊。只有自己总结的东西才是自己的，我把我的方法介绍给你吧，对你可能有用。 先看看w3c对伪类和伪元素的定义及种类： 伪类　[用于向某些选择器添加特殊的效果] 伪元素　[用于将特殊的效果添加到某些选择器] 1、伪类 向选择器添加特殊 阅读全文
posted @ 2017-05-19 13:22 道一句 阅读(231) 评论(0) 推荐(0)
纯css画各种图形，包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等
摘要：推荐在firefox或者chrome下查看这篇文章，当然IE也能看一部分的。原文：http://www.itivy.com/ivy/archive/2012/1/16/css-shape.html 1、正方形 最终效果： CSS代码如下： #square { width: 100px; height 阅读全文
posted @ 2017-01-14 21:12 道一句 阅读(357) 评论(0) 推荐(0)