- 博客(10)
- 收藏
- 关注
RSS订阅原创 结构选择器
先将父元素中的子元素按照标签名进行分类，然后再对应类别中选择第一个子元素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是相同的。
2023-07-17 11:46:28
197
1
原创 html中关于背景的设置
①将多个图片整合为一张图片，浏览器只需要发送一次请求，就可以同时加载多个图片，提高访问效率，提高用户体验。②将多个图片整合为一张图片，减少图片的总大小，提高请求的速度，增加了用户体验。取值：英文、rgba、rgb、#000000、hsl(a)精灵图又称雪碧图，是将小图标集中于一张图片上。
2023-07-16 14:32:15
1717
2
原创 html中单行文本省略及多行文本省略
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 按需产生滚动条。
2023-07-16 14:28:43
867
1
原创 使用css实现简单的动画效果
ease 规定过渡效果，先缓慢地开始，然后加速，然后缓慢地结束（默认）transition—timing-function:设置过渡速度。scale:设置缩小放大，数值，代表当前元素的宽高的倍数。transition-property:设置改变的属性。transition-duration：设置过渡时间。ease-in-out 规定开始和结束较慢的过渡效果。transition-delay：设置过渡延迟时间。ease-out 规定缓慢结束的过渡效果。ease-in 规定缓慢开始的过渡效果。
2023-07-16 14:19:34
310
1
原创 几种常见定位及层级问题
偏移时参考位置：离他最近的开启定位的祖先元素，如果没有祖先元素开启定位，参考变为body。3.原来位置不会继续占用，后面标准文档流中的兄弟元素上移。3.原来位置不会继续占用，后面标准文档流中的兄弟元素上移。一般作为绝对定位的参考是是将祖先元素设置为相对定位。定位：更高级的布局手段，所有元素都可以使用定位。fixed：固定定位，就是特殊的绝对定位。2.设置绝对定位的元素脱离标准文档流。1.设置绝对定位的元素脱离标准文档流。偏移时参考位置：元素本身的初始位置。同级的定位元素，后面的会覆盖前面的。
2023-07-16 14:07:13
128
1
原创 盒子模型及布局和外边距重叠问题
父元内容盒的水平宽度-margin-left++border-left+padding-left+width+margn-right+border-right+padding-right。方法2.设置内边距 （1，2都会出现将父元素扩大，解决：添加属性box-sizing：border—box 设置为边框盒）父子元素外边距重叠，所以给子元素设置的外边距会传递给父元素。2.有一个属性值设置为auto值时 多余的部分给设置值为auto属性的吸收掉。子元素水平方向的属性值的和<父元素的内容盒的宽度。
2023-07-16 13:56:31
223
1
原创 常用标签及分类（6.21）
元素之间的嵌套：一般情况下，元素基本都可以相互嵌套，不能交叉嵌套，开始标签要与结束标签要匹配。autoplay：设置自动播放，默认浏览器有相关限制，所以没有效果，要与muted联用。img ，input， button ，td 等。2.a标签不能嵌套p标签和a标签。controls：显示控件。1.p标签不能包含块元素。src：设置引入视频地址。muted：设置静音播放。loop：设置循环播放。
2023-06-21 09:31:41
344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人