bootstrap
2018-01-21 本文已影响16人
8becbd689309
- 图标 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设置了清除浮动，这样自身的高度可以被子元素撑开，同时使用这个类名的时候相当于另起一行
