bootstrap

作者: 8becbd689309 | 来源:发表于2018-01-21 23:38 被阅读16次
    • 图标 glyphicon使用了相对定位
    • text-transform 定义文本的大小写状态,此属性对中文无意义capitalize: 首字母大写 uppercase: 大写
      lowercase: 小写 none: 正常无变化 inherit: 继承
    • 使用em或者百分比给margin赋值,有主副标题时,可以给a元素内加span,span设置display:block,文本居中即可实现。font,letter-spacing调节具体大小
    • li元素内结构简单时可以直接inline-block,没必要用float就不要用,另外对浮动的元素在最后的设置float:right,这样在屏幕宽度变化时带来的体验也会好点。
    • container 有固定内边距,随窗口变化外边距。container-fluid,宽度100%等于窗口宽度,有固定内边距
    • .navbar-nav在.nav的基础上设置了浮动和外边距(自身设置浮动和子元素li设置浮动,min-width:768px)
    • banner最好用背景图,设置background-size:cover ,另外这个属性可以用百分比或者length设置,如果只设置一个值那么另外一个值会等比缩放。contain 容纳,缩放至某一边紧贴容器
    • 清除浮动使用.clearfix,使用:after也可以,但在项目中使用把需要清除浮动加进css代码组可能比较烦。
      另外overflow,如果父元素有border-radius属性会被裁剪。所以有css3属性的尽量不要用,谁知道什么时候又多了什么影响。
    • row 通过before after设置了清除浮动,这样自身的高度可以被子元素撑开,同时使用这个类名的时候相当于另起一行

    相关文章

      网友评论

          本文标题:bootstrap

          本文链接:https://www.haomeiwen.com/subject/gfkgoxtx.html