网页bug和权重问题

1.bug 1

• 如果子元素的 margin-top 传递到父元素上,父元素和子元素一起下来
  解决方案:在父元素上面添加 overflow:hidden
  或者有浮动 , margin-top 也不会传递到父元素上

2.溢出隐藏初始化:

1. white-space:nowrap        (文本强制不换行)
2. overflow:hidden              (溢出隐藏)
3. text-overflow:ellipsis       (文本超出省略号)

3.bug 2

• 图片有上下边距
  解决方案:在图片上加 vertical-align:top
• 图片有左右间距
  解决方案:
  1. 是由代码换行产生 不换行就可
  2. 注释掉换行产生的空格 用ait + shift + a
  3. 图片加浮动
  4. 父元素加上font-size:0;

权重

• 优先级 css属性发生冲突时所产生的优先级
• 增加权重 !important
• html只读第一个,css只读权重较高的一个
• 行内样式表权重最高, 内部样式表和外部样式表看顺序 后面覆盖前面的
• 标签权重: 0001
• class权重: 0010
• id权重: 0100
• important权重:1000
• 类名可重复, id不可
• 权重高的回会覆盖权重低的,权重相同时,后面的会覆盖前面的
• 当样式相同时
  1.可以用群组选择器,中间用逗号隔开
  2.取相同的名字