第一次练习简单页面布局所感

按照知乎上所给的web学习路线进行了第一次练手，也不知这种进度是否属于较为缓慢的状态。
样式表由规则构成，规则又由选择器和声明块构成，声明由css属性和css值组成键值块。
在引用外部样式时，需注意css中的规范，若出现布局混乱，则极有可能是因为格式不符合要求。自闭类的标签最后一个尖括号不能丢，在定义元素样式时注意元素与括号之间的空格。不清楚网页布局时，可以先进行模仿。对于理论知识不能过于生疏，在实践中逐渐熟练掌握。对于元素的默认值和属性在后期需熟练掌握。
div是一个大盒子，span是一个小盒子，span用来组合行内元素。属性值由多个单词构成则需要加引号。如果把多个样式组合，勿忘记分号。常见的css选择器需清楚，如：
id选择器，id名需要加上#，如#box{width：100px;height:100px}，id名只能出现一次，否则在javascript改变文本时会导致混乱。
class选择器，类名前面用点。
元素选择器直接拿，p{color:red}
后代选择器，div span{ground-color:pink}，span为div的子元素。
分组选择器则用，（结合符）构成 h3, div, p, span {color:red;}
子元素选择器之间为父元素>子元素，p>em {font-size:8em},p的直接后代em全部遵从此样式。
相邻兄弟选择器+
通用选择器*
通用兄弟选择器
#wrap #first -div {border:1px solid;}