摘要：
比例尺：就像函数一样，将一个量转换为另一个量，定义域到值域的转换。每个比例尺都需要指定一个domain(定义域)和range(值域)。 定量比例尺：定义域是连续的。值域有连续的也有离散的。 1、线性比例尺(Linear Scale) d3.scale.linear()：创建一个线性比例尺。 line 阅读全文
摘要：
线段生成器 d3.svg.line() 区域生成器 d3.svg.area() 弧生成器 d3.svg.arc()在制作饼状图、弦图等时使用。 符号生成器 d3.svg.symbol()生成三角形、十字架、圆形等符号 弦生成器 d3.svg.chord()用于将两段弧连接起来 对角线生成器 d3.s 阅读全文
摘要：
柱状图 柱状图 散点图、气泡图 散点图、气泡图 折线图 折线图 饼图 饼图 力导向图 力导向图 弦图(可交互) 弦图(可交互) 树状图 树状图 集群图 集群图 圆状集群图 圆状集群图 捆图 捆图 打包图 打包图 直方图（可与曲线图切换） 直方图（可与曲线图切换） 矩阵分区图 矩阵分区图 圆形分区图 阅读全文
摘要：
锚是行内元素，所以只有在单击链接的内容时它们才会激活，如果可以实现为按钮的效果，就可以有更大的可单击区域，实现方法为：display设置为block，修改width、height和其他属性，代码如下： 实现的结果如下，链接显示为块级元素，单击块中的任何地方都会激活链接： 简单的翻转 使用:hover 阅读全文
摘要：
简单的链接样式 对链接应用样式最容易的方式是：使用锚类型选择器，例如 a {color:red;} 链接伪类选择器：1、:link：寻找没有被访问过的链接2、:visited：寻找被访问过的链接 动态伪类选择器:1、:hover：寻找鼠标悬停处的元素2、:active：寻找被激活的元素，激活发生在链 阅读全文
摘要：
固定宽度的圆角框 只需要两个图像：一个应用于框的顶部，一个应用于底部 随着内容的增加，框垂直扩展（但不会水平扩展） 随着内容的增加，框垂直扩展（但不会水平扩展） 灵活的圆角框（滑动门技术） 不要使用一个图像组成顶部和底部图像，而是应用两个相互重叠的图像，随之框尺寸的增加，大图像就会有更多部分显露出来 阅读全文
摘要：
如果希望网站有一个好看的背景，只需将背景应用于主体元素，即在body上应用background-image，默认情况下浏览器水平和垂直的重复显示背景图像，让图像平铺在整个页面上，可以选择背景图像是垂直平铺、水平平铺、不平铺。如果希望在网页的开头显示一个人大的品牌图像，且不包含人格信息，是纯表现性的， 阅读全文
摘要：
css 3可以创建等高文本列，通过column-count、column-width、column-gap属性实现。假设标记如下： 下面的规则创建一个三列布局，每列的宽度为14em，列之间有2em的间距。CSS列的优点之一是在可用的空间小于已定义列的宽度时的处理方式，列不会像使用浮动时那样回绕，而是 阅读全文
摘要：
如下图所示效果，可以使用表格实现，本文采用在CSS中实现。 标记如下： 在实例中，有3个div，每列一个div，每个div中包括标题、内容、空的div，这个空的div作为底角的钩子，将这3个div放入容器div中，使用容器div限制高度，下述代码给框设置样式： 运行结果如下：产生3个高度不一致的列 阅读全文
摘要：
在一个布局中，假设有导航元素和内容元素，切给他们都分别应用了背景，理想情况下，背景应该拉长到整个布局的最大高度，从而形成列的效果，但是实际上，因为导航元素没有扩展到最大高度，所以它们的背景不会拉长，如图所示，左边的导航的灰色背景的高度没有达到最大高度。 解决方法：为创建列的效果，需创建一个伪列，即在 阅读全文