H5知识点2

1.下划线是通过设置边框形成的。

2.若一个元素的容器(如div父元素)，没有边框border，那么调整该元素的margin时，会连父容器的大小也被改变，解决方案1：给父容器设置边框；解决方案2：将子元素设置浮动。

3.在css中引用图片时，因为css文件的默认路径是css文件夹，所以引用不在css文件夹得图片时，要先写上../返回上一级目录

4.也可以在img元素中设置text-align来使图片居中。

5.相对定位（position：relative）：相对于元素初始位置的位移，为其子元素进行绝对定位提供环境

   绝对定位（position：absolute）：相对于离其最近的具有相对定位的父级元素的定位

6.给容器设置overflow可以决定里面内容超过它时会怎么办。

7.css3中图片变化：“tranform：scale()，变化速度transform：..s，这些设置要在伪类选择器:hover中完成(因为是鼠标移动上去时完才放大)。

8.发现图片大于外面容器大小时，会把容器撑大。应该给图片的父容器设置大小，然后给图片设置：width: 100%；height: 100%;

9.注意在：hover前不能加空格否则会出错。

10.当发现要放置的位置没有内容，但是任然放置不下时，说明这个元素受到了浮动的影响。给当前元素设置clear清除浮动影响就可以了。

11.注意伪类选择器的写法不同带来的效果是不同的

     ①(元素1:hover)：代表的是给元素1设置伪类选择器，即选中元素1时，元素1会发生变化

     ②(元素1:  hover)：(在分号后面有空格)代表给元素1下的所有子元素设置，即选中元素1下的子元素1时，元素1下的子元素1会发生变化（其他子元素不会变化）。

     ③(元素1:hover 子元素)：表示选中元素1后，元素1下的子元素会变化。

12.想要在一个元素中的文字左右对齐，给其设置text-align：center；上下对齐，给元素设置line-height和元素的height一样大。

13.设置上下对齐：vertical-align: inherit/middle;设置左右对齐：margin：0px auto；

14.给子元素设置的属性会覆盖父元素设置的相同属性。在元素上写（style属性）的优先级 > id选择器 > 类选择器 > 标签选择器 > 浏览器默认样式。

15.table是块级元素，若不设置height和width那么他会默认为内部元素总大小。要给table设置每行高度应该在table标签后添加line-high属性。所以将表格的宽度设置为100%时他就会充满整个父元素。

16.表格奇偶行颜色不同的设置：使用伪类选择器:nth-chiild()实现

17:https://blog.youkuaiyun.com/j11j11/article/details/88062907

https://baijiahao.baidu.com/s?id=1610107162993403200&wfr=spider&for=pc

标签路径:nth-child(n)

选择属于标签路径指定的元素的父元素的第n个子元素的每个 <p> 元素。

18：cursor设置指针样式（是箭头还是手型）

19.表格中（table）的宽和高：https://www.cnblogs.com/siwy/p/5236875.html

20.表格边距设置，直接在table标签后cellspacing="0"。

21.表单：form中的input标签

22.