【文件属性】：
文件名称：WireFraming:使用 HTML 和 CSS 进行线框图
文件大小：65KB
文件格式：ZIP
更新时间：2021-06-16 17:19:02
CSS
线框
使用 HTML 和 CSS 进行线框图
基于 Michael Botsko 于 2011 年 4 月 26 日在 Webdesignerdepot 发表的文章“HTML5 和 CSS3：最终产品中的线框图”（ ）。
如果您只是精通 HTML 和 CSS，那么使用 HTML 和 CSS 进行线框图通常比使用图形工具更容易。 通过这种方式，您还可以获得快速的交互式原型来测试您的导航、任务流、信息架构等。
大纲
在所有主要块级标记上使用 CSS 轮廓属性，如 wireframe.css 中所示
透明度
使用不透明度的背景颜色（通过 RGBa），如 wireframe.css 所示。 这将使重叠元素看起来更暗！
图片
使用 wireframe.js 会将所有图像标签转换为 DIV 标签。 只需在图像标签中使用 with 和 height 属性，DIV 就会以像素为单位设置为该大小。
【文件预览】：
WireFraming-master
----examples.html(2KB)
----images()
--------12_col.gif(96B)
--------16_col.gif(101B)
--------24_col.gif(105B)
--------image_placeholder.png(11KB)
----gpl.txt(34KB)
----js()
--------jquery-1.11.2.min.js(94KB)
--------wireframe.js(2KB)
----css()
--------reset_html5.css(2KB)
--------wireframe.css(2KB)
--------styles.css(3KB)
----README.md(1KB)
----wireframe.html(3KB)