关于css的学习与理解
首先,在html的学习当中,我们知道,可以在div的属性中设置关于这一个板块的样式编辑。但是我们会发现,在这些div当中,我们需要手动的对这些div进行一个一个的编辑。于是,我们需要寻找怎么对这些div统一编辑。
对于对div的统一编辑,我学到两种方法,第一种是,在html的head进行编辑,还有就是使用css。对于在head内的html操作,感觉效果不是很好,只能对div进行同一操作,感觉效果不是很佳,在这里不多做解释。
而css,是一种层叠样式文档,和html一起配套操作。
在第一次对于css的学习中,我学习了以下的知识:
1、优先级的高低:
在对html head标签与css文件引入的操作中我们发现,哪一个被放在文本下面,哪一个会是最终执行的方案,但是无论这两个怎么排序,都无法对底下div的私自设定的样式发生改变。所以我们得出结论,head内的操作和css的操作是同一优先级的,对div的私自操作的优先级,是大于这两个操作的。
2、 多种选择器
对于不同的div,我们可以给他们设置不同的id或者class,来给他们进行特殊的编辑。而对于上述所说的id和class,这是两种选择器。选择器的作用就是选择自己所需要的标签,来让css对他们可以有特殊的编辑。
在这次学习中,我学习到的选择器,按能选择的数目或者说优先级的高低进行排序,是以下这几个:
- 首先是id选择器,每个id自然是只能对应一个特殊的项目。用法就是在设置的id前加一个#
- class,我们可以理解这就是一个班级,一个班级里可以有许多个人,所以对应的,可以有多个项目。使用时:.+‘class名’
- 后代选择器,后代顾名思意,就是对于一个div标签,对他的后代便签进行选择。用法就是连在一起写。他的优先级其实是与后面的子选择器是同一优先的。
- 子选择器,与后代选择器不同的点在于,只能选“直系亲属”,就是只能选在某一父节点与其儿子节点的,对于中间隔了一代的后代是无法被选用的。
- 我认为最大的就是元素选择器,他的选择是对于在整个页面上的这一标签同时起作用的。
3、相对路径与绝对路径
在html的文件插入中,我们知道我们需要写这些文件的地址,但是如果当所引用的文件与本文件在同一目录下时,我们只需写他的文件名即可,这种情况我们称之为相对路径,但是如果不在同一文件夹下,我们需要填写这个文件的真实地址,而这个文件在我们计算机上真正地址就是这个文件的绝对路径。
相对路径,在和本文件相同目录下的文件
绝对路径,文件的地址