前端开发

路漫漫其修远兮，吾将上下而求索
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2013年1月28日

css权重规则
摘要： 1. 权重规则：HTML标签权重是1，class的权重是10，id的权重是1002. 例：P的权重是1，"strong.demo"的权重是10+1=11，"#test.red"的权重是100+10=1103. 当不同选择符的样式设置有冲突时，会采用权重高的选择符设置的样式4. 如果css选择符权重相同，那么样式会遵循"就近原则"，哪个选择符最后定义，就采用哪个选择符的样式5. "就近原则"值的是选择符定义的先后顺序，而不是挂class名的先后顺序<!doctype html><html>&l 阅读全文
posted @ 2013-01-28 18:21 Learning Front-end Web 阅读(542) 评论(0) 推荐(0) 编辑

关于margin
摘要： margin样式特殊，相邻的margin-left和margin-right不会重合，但相邻的margin-top和margin-bottom会产生重合(间距值选取值大的)。 所以如果对相邻的模块同时使用了margin-top和margin-bottom，边距会重合带来不必要的麻烦，所以最好统一使用margin-top或者margin-bottom，不要混合使用。从而降低出问题的风险。这不是技术上必须的，但却是一个良好的习惯。 <!doctype html><html><head><meta charset="utf-8">& 阅读全文
posted @ 2013-01-28 17:57 Learning Front-end Web 阅读(251) 评论(0) 推荐(0) 编辑