好程序员web前端培训分享怎样学好css？我推荐题主的学习方法就是：善用调试工具。
　　使用谷歌浏览器进行调试，在属性不理解时可以直接在浏览器里进行数值调节
　　css在书写时由于选择器权重问题经常出现样式覆盖的问题
　　如果你的选择器书写正确，并且被划掉了。
　　那应该就是权重不足导致的

下面是看起来很复杂的权重规则。
权重规则：HTML标签(类型选择符)的权重是1，class的权重是10，id的权重是100。
权重的表达方式如： 0，0，0，0；
类型选择符的权重为： 0，0，0，1
class选择符的权重为： 0，0，1，0
id选择符的权重为： 0，1，0，0
属性选择符的权重为： 0，0，1，0
伪类选择符的权重为： 0，0，1，0
伪元素选择符权重为： 0，0，0，1
内联样式的权重为： 1，0，0，0
注：如果权重相同时，则后面的样式生效；
权重值的计算规则略复杂，不再详细说明了
你就简单把这些权重值当成10进制进行求和，能解决大多数问题
结果出现的问题的时候，就升级为100进制，举例说明

a1 .a2 .a3 .a4 .a5

a1 #a2 .a5

以上两个选择器谁权重更大呢？
100 + 10 + 10 + 10 + 10
100 + 100 + 10
答案，很明显是第二个。

另外还有一些新手常见的，
搞不清楚可能会困扰你很久，但搞清楚了这都算个P的那种CSS问题
1、比如浮动所引发的问题
父元素未设置高度时，子元素浮动会导致父元素高度塌陷。
怎么解决？
给父元素固定高度，或者 父元素添加 overflow：hidden；
2、关于定位的问题
元素使用了绝对定位position：absolute
但是你的参考系却没有增加position：relative
导致元素（由于找不到参考系）会根据整个页面来定位
3、边框和padding问题
给元素增加边框和填充，都会影响盒子的大小
务必不能忽略这一点。
初学时，建议使用以下代码，进行CSS重置

• {

  margin:0; padding:0

  }

4、margin的问题
margin：auto 只能实现元素左右居中，实现不了上下居中
5、要分清楚块元素和行内元素的区别
块元素默认都是100%宽度的，会独占一行
可以设定宽高大小
而行内元素，像 、这种
设定不了宽高，从左到右排列
6、Img标签是特殊的存在
图片表现出来的特性和文字差不太多
可将图片理解为特殊的文字内容

7、选择器的含义
.page .con 和 .page.con 和 .page>.con三者的含义不同
.page>.con 大于号表示必须是子元素
.page.con 中间没有空格表示同时拥有两个类
.page .con中间有空格，表示所有后代包含子元素