CSS选择器、标签，div的位置。

 

今天是休假，布置了一个作业，是利用CSS制作斯坦福大学官网。虽然是一个并不复杂的制作，却让我第一次体会到了想摔鼠标的感觉。 遇到了很多问题，却找不出自己到底是哪里出了问题，简简单单的一个logo。足足多了快两天了，都没有按照自己理想的情况完成，不着图标位置出了问题，就是放不到该放的位置。

一个<div></div>放在另个<div></div>内，表现的样式应该是一个图层在另一个图层内部，但是实际动手操作，却不是这样，而是硬生生把另一个div挤到另一行。

 

按理说web和peopl应该在logo右边，而输入文本框在web和people的右边，结果却成了这样。（输入文本框实际也在外面，是通过“设计”用鼠标硬生生拖上来的）。

而下面的导航赢还是横向由左到右一次排列，加入   float:left便可，但是加入后，却还是纵列排序，住不过跑到了屏幕右边。

另外就是CSS选择器(.  #    *),虽然是一个很简单的东西，却因为在一个<div></div>内，有id，有name，有class，标签多，且取名杂乱，稍不注意，选择器便会出现问题，又会导致问题出现，在浏览器中浏览时，不会出现预想的效果。另外，对于这三种选择器的使用，还是迷迷糊糊，在何时应该定义成什么，而什么时候有应该用什么选择器，虽然没有硬性规定，却感觉麻烦复杂非常！！！

另外三种样式表（内联样式表、内嵌样式表、外部样式表），虽然明白其优先性的问题，却依然不知道在实际中该如何运用，什么时候该用哪一个。虽然感觉内嵌样式表使用比较多，却又感觉这个样式表出错率比较多，因为需要通过选择器与他相定位、相关联。出了问题后，只要标签一多，查找起问题便是一个大工程。

主要问题就是div的布局。其相关位置，绝对位置，在实际动手中，总是出错，与原本的理解不一样。另外一整个屏幕作为底板的布局中，div的位置放置，和多层div的重叠分布，是一个重点不理解的的地方。虽然感觉在课上听起来还算明白，但是实际动手操作总是差强人意。如开头所说，一个div在另一个里面，只需要再此div内部加div便可，却不知道因为什么原因，总是覆盖不上。上下左右的排列也总是对其不了。对div宽和高的设订于相对、绝对未知的设订搞不明白。

希望可以在这些点上多下功夫，要以最快的时间搞清楚。马上要开始JS语言的学习，不然就要拉下。可不能越拉越多！

转载于:https://www.cnblogs.com/HYL1003597280/p/6220981.html