新闻页面(bootstrap)
- 设置头像除了在html中用img之外还可以设置为背景图片
classname{
background:url(路径);
background-size:百分比;
background-repeat:no-repeat;
background-position:center center;
width:
}
- nav navbar-nav是给ul的!
- 分清楚作用的对象!比如是a还是li
- 两个类若是作用于同一个对象则写的时候之间没有间隙: .xx.xx
- 用col设置div后,对于图片可能不管用,需要把图片设置为display:block和max-width:100%
- 每一块都作为div给个名字,当把div换成a时要令a为block否则格式消失
- 一行呈现的就用span
- 调整间距:line-height(常用于文章)
- 在行内(如span)添加img需要把image设置为inline-block再调整width、height
- 当复制多个块发现格式紊乱时或者有元素没有出现时->取消float:clearfix,如栅格元素的父元素要令class=clearfix
- 有列就有item,有item一般也命个list,可以多名几个类,方便统一不同页面不同块公用样式
- 首先统一一大块内不同块的padding(如title和item),再具体到某一块调
- 只要是label类型,就算在div内也还是行内
- opacity:.x透明度
- 当属性无效时,可把类的路径写的清楚一点
- input-group可以组合输入框和其他元素在一行,若是和button组合,则input的兄弟为input-group-btn->button
- 响应式:把需要隐藏的东西放到一个div里面class=“hidden-xs/sm”,相应地有class=“visible-尺寸((-inline)-block)
- display:block是显示;在属性后面加上!important优先级最高
- 用hidden类把input隐藏,再给它一个专属的label
- checkbox:checked ~或者>[classname]{}
- 调整位置:当position设为absolute之后应该是调整right不是margin-right
{
display:inline-block;
position:absolute;
right/:
}