day06

权重：

1.当选择器的权重一致时，他会按照顺序执行，后面的样式会覆盖前面的样式【操作同一个元素时】

2.各个选择器之间的权重: 标签 0001 class0010 id 0100 ！important最高的

3.！important可以提高权重/优先级

样式覆盖:

相同属性设置操作了相同的元素

字体的继承：

font-size都可继承/color 除了超链接以外都可以继承...（注意：继承优先级最低，只要在元素自身上设置相同的属性，就可以把继承的样式给覆盖掉)

元素之间的相互转化：

1.什么是元素之间的相互转化：

元素类型之间的相互变化

2.为什么进行元素转化：

优化用户体验【a标签转化为可以设置宽度高度的元素;b.解决浮动的能解决的一部分问题】

3.怎么进行元素之间的相互转化：

display:inline[行内元素]/block[块级元素]/inline-block[行内块级元素]

元素的分类：

1）块级元素：div p ul ol dl dt dd h1-h6 li(list-item)

特点：

1.独自占据一行 2.可以设置宽度和高度 3.可以设置text-align

2）行内元素：a b em i span strong img

特点：

1.不能独自占据一行 2.除了img之外都不能设置宽度和高度 3.不能用text-align[有争议]

3）行内块级元素:input

特点：

1.不能独自占据一行 2.可以设置宽度和高度 3.可以用text-align

链接伪类选择器

1.a:link

为访问的链接

2.a:visited

已访问的链接

3.a:hover

鼠标悬停时链接的变化 鼠标悬停时内容的隐藏与显示 选择器:hover 要显示的元素【要显示的元素必须在选择器里面】{} a标签可以切换为其它的选择器

4.a:active

鼠标点击时发生的变化 a标签也可以切换为其他的选择器

display:none;(隐藏元素）

display:inline/block/inline-block（显现）

下拉列表制作顺序

1.清除浏览器自带的内外边距

2.清除超链接自带的下划线[清除自带的颜色]以及li自带的style属性

3.nav 宽度，高度，背景颜色

4.ul 宽度，高度，背景颜色，居中

5.让li【指定的li】浮动

设置宽度，高度，行高，字体居中,设置右边框

6.清除最后一个li【指定的】的右边框

7.元素隐藏【知道让谁隐藏】

8.让隐藏元素在鼠标滑过指定li时显示出来

9.指定li鼠标悬停时颜色发生改变

10.增加用户体验【a】

12让下面的元素在鼠标悬停时颜色也发生改变