margin-top:距上
margin-left:距左
margin-right:距右
margin-bottom:距下
padding是内边距,margin外边距。
float:left 浮动靠左、float:right 浮动靠右。
rem是什么?
px,绝对长度单位,最常用
em,相对长度单位,相对于父元素,不常用
rem,相对长度单位,相对于根元素,常用于响应式布局
响应式布局的常用方案
media-query,根据不同屏幕宽度设置根元素font-size
rem,基于根元素的相对单位
rem的弊端:“阶梯性”
您好,很高兴为您解答。1.JetstrapJetstrap是一个完全基于Web的,用于TwitterBootstrap的界面构建工具,专为开发人员,设计师和打造。Jetstrap帮助您快速创建出漂亮网站,只需要花费很少的精力。2.BootplyBootply让你可以方便的调试Bootstrap。编辑CSS,HTML和JavaScript。可以使用Bootply设计,原型,扩展或测试Bootstrap框架。Bootply集成了其他流行的Bootstrap插件,微型库和框架。3.DivShotDivshot是一个基于拖放的前端编辑器,允许你使用TwitterBootstrap(当然Foundation也可以)建立响应式的网站,不需要自己动手编码,只需要进行简单的拖放操作即可。4.BootstrapMagicBootstrapMagic主题生成器基于TwitterBootstrap3和AngularJS构建。您可以轻松快速地创建您自己的TwitterBootstarp主题。你可以立即看到你正在改变的内容是什么,您还可以添加来自GoogleWebfont的精美网页字体。5.LayoutitLayoutIt是一个TwitterBootstrap界面生成器,能够帮助你快速制作出网站和界面模型,同时能够下载生成的网站代码。简单的几个拖放操作就能做出漂亮的TwitterBootstrap网站。所有的设计都可以是响应式CSS和流体,能够份容易与任何的编程语言集成,您只需下载HTML即可开始编码设计。6.X-editableX-editable支持就地编辑TwitterBootstrap,jQueryUI或纯jQuery。这个库允许你在自己的网页上创建可编辑元素。它包括弹出式和内嵌模式。它支持的输入元素包括文字,文本区域,下拉列表,日期,dateui和checklist。它支持客户端和服务器端验证。另外容器的位置是完全可定制的,用户可以通过单击,双击自动或手动切换。7.GridDisplayerGridDisplayer是一个书签工具,可以用于显示TwitterBootstrap(固定和流体网格)和Foundation(2.0和3.0)的网格。它支持Firefox和WebKit核心的浏览器。8.GetkickStrapKickstrap完美结合Bootstrap,采用顶级的Web技术。它可以运行经过验证的,数据库驱动的Web应用程序,不需要原生后台。Kickstrap结合JSPM.io提供了建立在Require.js的强大的前端软件包的依赖关系。Kickstrap应用程序是可以在任何时间在Web应用程序的生命周期中运行的静态资源集合。9.FontAwesomeFontAwesome是一套专门为TwitterBoostrap设计的图标字体库。这套图标字体集几乎囊括了网页中可能用到的所有图标,除了包括TwitterBoostrap的默认图标外,还有社交网络图标、Web应用程序图标和编辑器图标等等,可以免费用于商业项目。10.BootstrapButtonGenerator这是一款很好用的TwitterBootstrap按钮生成工具,你只需要输入你要分配的新的按钮样式,并与不同的按钮颜色搭配,更新就可以即时预览。11.EaselEasel是一个令人印象深刻的TwitterBootstrap设计工具,可让你在文档中的特定元素链接到其他文件的原型应用程序中。你甚至可以有你的用户通过测试让你得到尽早的在反馈。12.FancybootFancyboot是一个简单但功能强大的TwitterBootstrap定制工具,控制的恰到好处,移除了所有不必要的复杂性。13.BootstrapDesignerBootstrapDesigner是一个在线设计工具,可以制作出很漂亮的基于TwitterBootstrap的HTML5模板。可以创建不同的设计风格:简约风格,黑白,排版驱动的,单色的外观,干净及创意等。14.BootsnippBootsnipp是一个元素画廊,为网页设计师和Web开发人员设计,任何人使用TwitterBootstrap都会发现在他们的工作是必不可少的。15.PaintStrapPaintstrap让你可以生成使用漂亮的TwitterBootstrap主题,使用AdobeKuler或者COLOURlovers配色。如若满意,请点击右侧【采纳答案】,如若还有问题,请点击【追问】希望我的回答对您有所帮助,望采纳!~O(∩_∩)O~