随笔分类 -  css

面向对象的CSS
摘要：原文 简书原文：https://www.jianshu.com/p/cb5e9f56ddcc 大纲 1、面向对象的CSS(OOCSS)概念 2、面向对象的CSS的作用 3、面向对象的CSS的注意事项 4、面向对象的CSS的使用实例 1、面向对象的CSS(OOCSS)概念 面向对象的CSS将页面可重用 阅读全文
posted @ 2018-07-19 22:35 前端路上的小兵 阅读(496) 评论(0) 推荐(1)
CSS文本阴影实例
摘要：原文 简书原文：https://www.jianshu.com/p/5abf2fa2f1b9 前言 以下的实例是我从《CSS实战》中看到的实例，当我看到这些实例的时候，发现平时不是很在意的一些知识能够有这样的神奇的运用，在次分享给各位的读者，希望读者也能和我一样有所收获。 html文本 不同方向的投 阅读全文
posted @ 2018-07-14 18:53 前端路上的小兵 阅读(845) 评论(0) 推荐(0)
CSS权重
摘要：原文 简书原文：https://www.jianshu.com/p/b083556e7968 大纲 1、CSS层叠 2、CSS权重 3、权重等级 4、权重的规则 5、!important 1、CSS层叠 CSS全称：层叠样式表 (Cascading Style Sheets)，有层级的、相互叠加的样 阅读全文
posted @ 2018-07-13 22:50 前端路上的小兵 阅读(340) 评论(0) 推荐(0)
CSS边框作图
摘要：原文 简书原文：https://www.jianshu.com/p/537a878304f2 大纲 1、border-style的值 2、利用border作图——基本图形 3、利用border作图——特殊图形 1、border-style的值 不同的border-style的值获得的效果是不同的 1 阅读全文
posted @ 2018-07-12 21:38 前端路上的小兵 阅读(1508) 评论(0) 推荐(0)
细说CSS伪类和伪元素
摘要：原文 简书原文：https://www.jianshu.com/p/eae56b7fe7fe 大纲 1、伪元素 2、伪类元素 3、伪元素和伪类元素的区别 4、伪类和伪元素的使用 1、伪元素 伪元素在DOM树中创建了一些抽象元素，这些抽象元素是不存在于文档语言里的（可以理解为html源码）。比如：do 阅读全文
posted @ 2018-07-11 22:51 前端路上的小兵 阅读(347) 评论(0) 推荐(0)
CSS Sprite的相关概念
摘要：原文 简书原文：https://www.jianshu.com/p/8ae3be23a642 大纲 1、什么是CSS Sprite 2、CSS Sprite的优点 3、CSS Sprite的缺点 4、CSS Sprite的使用 1、什么是CSS Sprite 1.1、CSS Sprites在国内很多 阅读全文
posted @ 2018-07-08 12:29 前端路上的小兵 阅读(1649) 评论(0) 推荐(0)
CSS Reset的相关概念及实例
摘要：原文 简书原文：https://www.jianshu.com/p/fdb79010895c 大纲 1、什么是css reset? 2、CSS reset的实例 1、什么是css reset? 个人理解：就是让不同浏览器的初始化的css样式统一 1.1、在当今网页设计/开发实践中，使用CSS来为语义 阅读全文
posted @ 2018-07-07 23:29 前端路上的小兵 阅读(218) 评论(0) 推荐(0)
后代选择器和子元素选择器的区别
摘要：原文 简书原文：https://www.jianshu.com/p/4a776598c69c 大纲 1、后代选择器和子元素选择器的相关概念 2、后代选择器和子元素选择器的区别 1、后代选择器和子元素选择器的相关概念 1.1、后代选择器 后代选择器（descendant selector）又称为包含选 阅读全文
posted @ 2018-07-07 16:21 前端路上的小兵 阅读(16096) 评论(0) 推荐(0)
link和@import引入外部样式的区别
摘要：原文： 简书原文：https://www.jianshu.com/p/14f99062f29a 大纲 前言 1、隶属上的差别 2、加载顺序的不同 3、兼容性上的差别 4、使用DOM控制样式时的差别 5、@import次数 6、link是html方式，@import是css方式 前言 link和@im 阅读全文
posted @ 2018-07-07 00:13 前端路上的小兵 阅读(1390) 评论(0) 推荐(0)