摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>五角星</title> <style> #star-five { margin: 50px; position: relative; display: block; 阅读全文
posted @ 2016-07-03 20:43 淡烘糕 阅读(3395) 评论(0) 推荐(0) 编辑
摘要: 原文出处: IBM developerworks 了解如何使用 Bootstrap 快速开发网站和 Web 应用程序(包括移动友好型应用程序)。Bootstrap 以 LESS 项目为基础,由 Twitter 的内部工程师开发,它为 Web 应用程序 UI 提供了一致的框架。 浏览器开发人员最后将其 阅读全文
posted @ 2016-07-03 19:39 淡烘糕 阅读(3410) 评论(0) 推荐(0) 编辑
摘要: Web 应用的样式设计中,布局是非常重要的一部分。布局用来确定页面上不同组件和元素的尺寸和位置。随着响应式用户界面的流行,Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。响应式用户界面设计中最重要的一环就是布局。需要根据窗口尺寸来调整布局,从而改变组件的尺寸和位置, 以达到最佳的显示效果。这 阅读全文
posted @ 2016-07-03 19:28 淡烘糕 阅读(15933) 评论(0) 推荐(1) 编辑
摘要: 网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案 Flex布局,可以简便、完整、响应式地实现各种 阅读全文
posted @ 2016-07-03 19:20 淡烘糕 阅读(273) 评论(0) 推荐(0) 编辑