随笔分类 - CSS
for css
摘要：最近在看许多React的资料，发现了大部分的项目都是用[webpack](webpack.github.io)行模块化管理的工具。这次也是借着写了一个React-Todos的小应用，对webPack最基本实用的功能体验了一番，顺带做个小记录。#为什么用webpack---##CommonJs与AMD...
阅读全文
摘要：###定义一个sass变量可以说，变量是一个编程语言的基础。所以对于sass来说，变量肯定是浓墨重彩的其中一笔，当然函数也是。那我们如何声明定义一个sass的变量呢？1. 变量的符号`$`2. 变量名称3. 变量的值那我们看一下如何使用变量```$color: white;body{ color: ...
阅读全文
摘要：###为什么要选择sass我们在手写css中，会遇到很多很麻烦的问题。倒不是一些技术的问题，而是工程量的问题。例如，如何可以代替难记的16进制颜色，如何可以让层次更清晰，还有重复的代码该如何偷懒。其实这一切的原因，大部分是因为css并不是一个编程语言，这虽然让入门的门槛降低。但是一旦遇到工程量大的问...
阅读全文
摘要：遵循雅虎的军规，可以让网站的加载速度更快，所以我们在实际开发中是十分有必要牢记下列的雅虎军规！下面一起来看看都有哪些吧！尽可能的减少HTTP请求数。如何减少呢，把Js和CSS文件尽可能合并成一个文件，还有CSS sprites将小图标合并。利用CDN系统。内容分布网络 ，解决用户拥挤的状况。添加...
阅读全文
摘要：CSS伪类元素是一个非常酷的东西！首先我们理解一下它，:before :after 伪类元素，也就是虚假的元素。它可以插入在元素的前面或者后面，而在HTML文档结构中，它却是不存在的，因为Js是无法通过DOM去控制它的。而其用法也很简单，和一些伪类一样，如：a:hover, a:active。那...
阅读全文
摘要：这是一个很简单的组合技，灵活应用省略号。缩减成这样一行。直接看看这些CSS属性吧。 第一招是overflow，这个大家都很常见。它规定了当内容溢出元素框发生的事情，一般值就三种，默认的visible，直接修剪掉的hidden，还有产生滚动条的scroll(或者auto)。我们要做这种省略框，自...
阅读全文
摘要：在我们为元素添加样式的时候，或多或少会出现一个元素会有几个不同规则的样式。有#id的，有.class，直接标签元素的，还有各种组合起来的选择器。那CSS到底如何解决这些冲突呢，我们这次专门来探讨一下。 CSS也称层叠样式，层叠（cascade）也就是说，将重复定义的样式，先通过重要度的筛选，再...
阅读全文
摘要：第一次写博客，第一篇是对css的定位机制做个的总结。还望大家指点指正。 在CSS中是有三种定位机制的：普通文档流、浮动和绝对定位。在未指定其它两种定位机制的情况下，所有框都是在普通文档流中定位的。普通文档流： 普通文档流，顾名思义，就是根据块级元素的标签在HTML里的顺序，像水流一样，从上至下。...
阅读全文
