weixin_53892095的博客

先将父元素中的子元素按照标签名进行分类，然后再对应类别中选择第一个子元素1。先将父元素中的子元素按照标签名进行分类，然后在对类别选择最后一个子元素1。1.2 父元素>子元素1: first-of-type {}2.2 父元素>子元素1：last-of-type {}1.1 父元素>子元素：first—child {}2.1 父元素>子元素1：last-child {}选择父元素中第一个子元素，并与子元素1是相同的。选择最后一个元素，且与元素1是相同的。

①将多个图片整合为一张图片，浏览器只需要发送一次请求，就可以同时加载多个图片，提高访问效率，提高用户体验。②将多个图片整合为一张图片，减少图片的总大小，提高请求的速度，增加了用户体验。取值：英文、rgba、rgb、#000000、hsl(a)精灵图又称雪碧图，是将小图标集中于一张图片上。

3.因为要实现 -webkit-line-clamp属性有效果，所以要添加display：-webkit-box;和-webkit-line-box。2. 设置溢出内容显示 overflow包括 overflow-x（单独设置水平方向）和overflow-y（单独设置垂直方向）3.设置溢出样式 text-overflow 可选值；2.设置号在第几行 -webkit-line-clamp:num；4设置溢出样式 text-overflow；3.设置元素溢出隐藏overflow；auto 按需产生滚动条。

就是一个盒子而里面的内容会随着盒子的改变而发生适应盒子改变而改变。

ease 规定过渡效果，先缓慢地开始，然后加速，然后缓慢地结束（默认）transition—timing-function:设置过渡速度。scale:设置缩小放大，数值，代表当前元素的宽高的倍数。transition-property:设置改变的属性。transition-duration：设置过渡时间。ease-in-out 规定开始和结束较慢的过渡效果。transition-delay：设置过渡延迟时间。ease-out 规定缓慢结束的过渡效果。ease-in 规定缓慢开始的过渡效果。

偏移时参考位置：离他最近的开启定位的祖先元素，如果没有祖先元素开启定位，参考变为body。3.原来位置不会继续占用，后面标准文档流中的兄弟元素上移。3.原来位置不会继续占用，后面标准文档流中的兄弟元素上移。一般作为绝对定位的参考是是将祖先元素设置为相对定位。定位：更高级的布局手段，所有元素都可以使用定位。fixed：固定定位，就是特殊的绝对定位。2.设置绝对定位的元素脱离标准文档流。1.设置绝对定位的元素脱离标准文档流。偏移时参考位置：元素本身的初始位置。同级的定位元素，后面的会覆盖前面的。

父元内容盒的水平宽度-margin-left++border-left+padding-left+width+margn-right+border-right+padding-right。方法2.设置内边距 （1，2都会出现将父元素扩大，解决：添加属性box-sizing：border—box 设置为边框盒）父子元素外边距重叠，所以给子元素设置的外边距会传递给父元素。2.有一个属性值设置为auto值时 多余的部分给设置值为auto属性的吸收掉。子元素水平方向的属性值的和<父元素的内容盒的宽度。

高度塌陷，清除浮动

元素之间的嵌套：一般情况下，元素基本都可以相互嵌套，不能交叉嵌套，开始标签要与结束标签要匹配。autoplay：设置自动播放，默认浏览器有相关限制，所以没有效果，要与muted联用。img ，input， button ，td 等。2.a标签不能嵌套p标签和a标签。controls：显示控件。1.p标签不能包含块元素。src：设置引入视频地址。muted：设置静音播放。loop：设置循环播放。

html超链接