关于css的学习与理解

关于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的文件插入中,我们知道我们需要写这些文件的地址,但是如果当所引用的文件与本文件在同一目录下时,我们只需写他的文件名即可,这种情况我们称之为相对路径,但是如果不在同一文件夹下,我们需要填写这个文件的真实地址,而这个文件在我们计算机上真正地址就是这个文件的绝对路径。
    相对路径,在和本文件相同目录下的文件
    绝对路径,文件的地址
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值