css基础与选择器——精通css学习笔记（一）

　　开篇，作者就告诉了我们正确的学习方式——先用后学。在有了一定的基础之后，就要去尝试着做一些小东西。学的过程中要保持入和出的平衡，不输出就等于没有输入。很多经验总是相同的，类似这样正确的道理，总是在能在各种场合被告诫。

　　学习css的正确方法，也正是在有了一定的基础知识之后，就要多看源码，多看别人的小例子，尝试着大胆的在自己的网站上应用。

　　新技术的出现，往往是因为旧技术的局限性所导致，css也是如此。在早期，html被承担了太多"功能"。font标签用来控制各种样式，繁琐的表格嵌套用来布局。大量的font和table的应用使html的结构混乱，不利于修改，出现bug后难调试。在这种情况下，css出现了，css的设计初衷就是用来控制页面中的样式部分的，这样html就可以回归到他的职责，只需要搭建出结构，样式的部分统统交给css去进行处理。结构和样式的分离，使得更利于维护和开发，而对于html标签，我们也可以按照语义来使用他们，而非仅仅为了布局。

　　html的结构，就像楼房的根基一样重要，是便于css和js的开发的前提。将html与css关联起来的方法有三种，行内样式，内部样式，外部样式。在开发中，尽量使用统一的方式去应用css，避免优先级的不同，而导致样式的混乱。编写css的时候，要合理分块，把要完成的相同功能放在一起，先写一般通用样式，再写特殊。便于自己维护和修改。

 

　　基础选择器：

　　id选择器，类选择器，标签选择器，通配符选择器

 

　　组合选择器：

　　后代选择器，分组选择器，子元素选择器，相邻选择器

 

　　属性选择器

 

　　伪类选择器