web前端开发（5）

CSS的一些问题：

• 一般情况下，尽量使用class选择器
• 解决点击超链接后hover 样式不出现多次问题：a：visited  a:hover 的顺序是问题所在，记住 love hate  L(link)OV(visited)E  H(hover)a(active)te
• CSS hack
  • IE条件注释
  • 选择符前缀法
  • 样式属性前缀法
  • 目前比较流行的是选择符前缀法与样式属性前缀法
• 块级元素与行内元素的区别：
  • 块级元素会独占一行，默认情况下其宽度自动填满父元素宽度，行内元素不会独占一行，相邻的元素会排列在同一行里，直到一行排不下才会换行，宽度随内容变化而变化。　
  • 块级元素可以设置width heigth，行内元素设置此属性无效。块级元素及时设置宽度仍然独占一行。
  • 块级元素可以使之padding margin 属性。行内元素水平方向的padding-left padding-right  margin-left margin-right 会产生边距效果，但是垂直方向的padding margin却不会产生效果。
  • display:block   display:inline  可切换块级与行内元素。