html项目周博客1

HTML第一周u

本周学习的知识并不多，但是也算巩固了一些知识
比如ps,还有鼠标悬浮选中事件，图层切换事件，还有比较绕的选择器的权重问题

一，ps
首先会ps是前端工程师的的基本要会的技能，以后在公司中，一些项目的设计图要自己会切，会裁，会用，而且ps这个软件很实用，不仅可以取色，测量像素，还能切换和隐藏图层，但是ps这个软件对新手很不友好，我了解和学习这款软件至少花了两天，刚开始接触的时候，真的什么都不懂，而且还一些基本的拉线和切图都不会，所以我必须要学会，尽管花了两天时间学习后，我只会一些基本的切图而已，还有很多不懂，上面有很多的快捷键，需要自己去了解，去运用。
二，鼠标悬浮选中事件
这个知识点我以前就学过，就是hover属性
我以前一般用这个属性的时候基本是用父级 子级：hover来实现的
一般来说这个属性基本用处很小，基本用于通过选中事件改变它的字体颜色，
字体大小。但是在一些div或者是ul li 包裹下的一些i标签，a标签，span标签时，但是又要同时改变那一 群的的样式的和颜色，这时候就要改变的hover属性底用法，div ul li:hover a div ul li: hover i div ul li:hover span
这样就可以同时改变这几个样式的颜色和字体大小。
三，图层切换事件
这个知识点我以前学过，但是很少用，导致基本忘记了，就是在一个图层和一个 图层之间显示和隐藏，但是有时候需要显示一个图层的时候，但是被下一个图层
给遮住了，这是因为每个图层都有自己一个固定的值，就是所谓的z-index
如果上一个需要显示上一个图层的时候，就需要把这个图层的值设置比上一个的值小就行了。
权重问题
这个一直困扰我很久，首先我用一张图来介绍

一般大致分为四个等级
第一个等级：内联样式，权值为1,0,0,0
第二个等级：ID选择器，权值为0,1,0,0
第三个等级：类选择器|伪类选择器|属性选择器，权值为0,0,1,0
第四个等级：标签选择器|伪元素选择器，权值为0,0,0,1
除此之外的其他选择器，比如通用选择器（），子代选择器（>）等，不在此等级范围之内，所以权值均为0,0,0,0*。