好文分享

white-space 属性 CSS 提供了一个white-space属性，可以提供更精确一点的空格处理方式。该属性共有六个值，除了一个通用的inherit（继承父元素），下面依次介绍剩下的五个值。 1、white-space: normal white-space属性的默认值为normal，表示浏…

目标： 把 footer 区固定在底部，无论页面高度多宽，它始终在底部不会变，就像移动端的菜单一样。 （推荐教程：CSS入门教程） 实例： document #demo{ position: fixed; left: 0px; bottom: 0px; width: 100%; height: 50…

CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。      ( 推荐学习：CSS入门教程 ) 定位的基本思想…

围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。 设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。 CSS margin 属性                                         ( 推荐学习：C…

我们能够以不同的方法为链接设置样式。 设置链接的样式                          ( 推荐学习：CSS入门教程 ) 能够设置链接样式的 CSS 属性有很多种（例如 color, font-family, background 等等）。 链接的特殊性在于能够根据它们所处的状态来设…

设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。 元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。 CSS 绝对定位                  …

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 CSS 浮动，在 CSS 中，我们通过 float 属性实现元素的浮动。                      ( 推荐学习：CSS…

轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。                           ( 推荐学习：CSS教程 ) CSS 轮廓（outline） 轮廓（outline）是绘制于元素…

循序渐进，看看只使用 css ，可以鼓捣出什么样的充电动画效果。   画个电池 当然，电池充电，首先得用 CSS 画一个电池，这个不难，随便整一个： 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 方法很多，代码也很简单，直接看效果： 立即学习“…

本文将向你介绍一系列顶级css框架。有些人可能听说过，也可能对有些人是全新的。但它们都提供了各种有用的先进功能，可以改善你的工作流程。开始吧！ 专注于 CSS 的框架 让我们先从一些专注于 CSS 的框架开始。你将找到所有类型的布局和UI元素来自己构建项目的基础。有些甚至可能包含一些 JavaScr…