chengshen000-CSDN博客

原创设置动画属性

animation-timing-function:设置动画运行的速度。animation-iteration-count:设置动画播放次数。animation-fill-mode：设置动画停止是的状态。animation-duration：设置动画使用时间必填。alternate-reverse 反-正-反。animation-play-state:设置动画是否停止。animation-direction：设置播放方向。animation-name:关键帧名字必填。alternate 正-反-正。

2023-07-17 10:53:15 57

原创弹性盒子的基本用法

space-between 是空白空间平均分布在弹性元素之间，弹性元素与弹性容器之间没有距离。space-between 是空白空间平均分布在弹性元素之间，弹性元素与弹性容器之间没有距离。注意：设置order属性的弹性元素在没有设置order属性弹性元素后面排列。2.设置弹性元素缩小系数，当弹性容器的主轴宽度<弹性元素时，flex-start 是弹性元素在主轴开始处排列。flex-start 是弹性元素在主轴开始处排列。flex-end 是元素在主轴结束处排列。flex-end 是元素在主轴结束处排列。

2023-07-17 10:51:02 43

原创几种常见定位及层级问题

偏移时参考位置：离他最近的开启定位的祖先元素，如果没有祖先元素开启定位，参考变为body。3.原来位置不会继续占用，后面标准文档流中的兄弟元素上移。定位元素的偏移：left 、right、top、bottom 单位px；3.原来位置不会继续占用，后面标准文档流中的兄弟元素上移。一般作为绝对定位的参考是是将祖先元素设置为相对定位。定位元素的偏移：left、right、top、bottom。2.设置绝对定位的元素脱离标准文档流。1.设置绝对定位的元素脱离标准文档流。fixed：固定定位，就是特殊的绝对定位。

2023-07-17 10:49:44 57

原创盒子模型及布局和外边距重叠问题

父元内容盒的水平宽度-margin-left++border-left+padding-left+width+margn-right+border-right+padding-right。2.IE标准盒子模型（怪异盒子）水平方向width=border-left/right +padding-left/right+content（内容）width/margin-left/margin-right：如果width和后面任意一个同时为auto属性时，优先把多余部分分配给width。产生原因：垂直方向；

2023-07-17 10:48:23 88

原创设置背景颜色

包括：background-repeat-x(水平方向)和background-repeat-y(垂直方向)取值的类型：具体数值，方位词：left、right、top、bottom、center。①将多个图片整合为一张图片，浏览器只需要发送一次请求，就可以同时加载多个图片，提高访问效率，提高用户体验。二个值：第一个值代表图片离元素左边的距离，第二个值代表图片离元素顶部的距离。②将多个图片整合为一张图片，减少图片的总大小，提高请求的速度，增加了用户体验。一个值：代表图片离元素左边的距离，垂直方向默认居中。

2023-07-17 10:46:46 37

原创单行文本省略

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

2023-07-17 10:45:19 26

原创复合选择器的优先级

important>内联选择器>ID选择器>类别选择器>属性选择器>伪类>元素选择器>通配符选择器>继承选择器。类别、属性选择器 0,0,1,0。ID选择器 0,1,0,0。标签选择器 0,0,0,1。并集：可以同时设置多个元素元素1,元素2 {}*、兄弟、相邻等 0,0,0,0。

2023-07-17 10:43:18 108

原创属性选择器

4.元素1[属性1^=字符串1] 选择带有属性1并属性值以字符串1开头的元素1。5.元素1[属性1$=字符串1] 选择带有属性1并属性值以字符串1结尾的元素1。3.元素1[属性1*=字符串1] 选择带有属性1并属性值包含字符串1的元素1。2.元素1[属性1=属性值1] 选择带有属性1并属性值为属性值1的元素1。1.元素1[属性1] 选择带有属性1的元素1。

2023-07-17 10:41:01 21

原创结构选择器

先将父元素中的子元素按照标签名进行分类，然后在对应类别中选择第一个子元素1。先将父元素中的子元素按照标签名进行分类，然后在对应类别中选择第num个子元素1。先将父元素中的子元素按照标签名进行分类，然后在对应类别中选择最后一个子元素1。选择父元素中第一个子元素，并且与子元素1是相同的。选择父元素中最后一个子元素，并且与子元素1是相同的。1.2 父元素>子元素1:first-of-type {}3.2 父元素>子元素1:nth-of-type() {}选择父元素中第num个子元素，并且与子元素1是相同的。

2023-07-17 10:38:27 28

原创【html列表】

记录学习列表的一些知识点一、列表分类：有序列表无序列表定义列表有序列表：有一定的顺序标签：ol 划分有序列表的范围li 定义项属性：start="num" 默认从num开始排序type：设置列表样式类型无序列表标签：ul 划分无序列表的范围li 定义项属性type 设置列表样式类型square 实心矩形circle 空心圆disc 默认值实心圆定义列表：标签:dl 划分定义列表的范围dt 定义项dd 解释项解释说明定义项使用场景。

2023-06-20 22:29:49 28

chengshen000的博客