![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 70
css
乖女子@@@
这个作者很懒,什么都没留下…
展开
-
逻辑(css3)_强制不换行
此时四个文本均左对齐, 垂直排列样式也比较好看,但是出现一个缺点: 某些手机屏幕上会。如上图做一个跑马灯数据,时间、地点、姓名、提示文本字数都不是固定的。个人想法是给四个文本均设置宽度,不然会出现。原创 2023-10-31 18:41:43 · 896 阅读 · 0 评论 -
笔记-css
【代码】笔记-css。原创 2023-02-03 11:05:15 · 88 阅读 · 0 评论 -
笔记(css3)-动画
它分为2D转换 或 3D转换,一般与动画结合使用。没有设置初始状态,则初始状态为添加动画元素的初始状态。问题:上图在展开和收缩的时候想做一个过渡动画,但是发现设置了不起作用;transform是一个复合属性,可以同时设置平移、旋转、缩放。现在想做一个效果就是 “开”在水平方向居中且一直旋转,实现如下。但是结果却与预期不同,原因是因为在帧动画中。总结:内容撑开的盒子没有办法做宽高的过渡动画。需要值得注意的是,变换的执行顺序是。,做成一个呼吸效果的动画,->-> 添加动画效果,实现如下。这个属性一直在被重新;原创 2023-01-29 16:32:23 · 415 阅读 · 0 评论 -
逻辑(css)-三角形制作
1.css制作三角形原理1.其实css若是宽高都为0,设置border为不同的颜色,就可以制作不同的三角形了;代码如下 <style> div { width: 0; height: 0; border-width: 100px; border-style: solid; border-color: yellowgreen yellow green greenyellow;原创 2021-03-23 19:21:11 · 591 阅读 · 0 评论 -
逻辑(css)-简单跑马灯制作
【代码】逻辑(css)-简单跑马灯制作。原创 2023-08-23 16:39:10 · 140 阅读 · 0 评论 -
逻辑(css)-背景网格制作(linear-gradient)
进行展示,本来是想用UI切的图片设置背景图,但是由于文字数量不固定,图片会有缩放情况造成渲染效果与预期不符,于是使用css的。如上图所示,希望文本能够。原创 2023-07-13 17:53:00 · 1132 阅读 · 0 评论 -
踩坑_vertical-align
原价为19.9”文本的基线小于默认基线("x色块"的基线),因此父元素的基线为“x”色块的基线;”文本的基线大于默认基线("x色块"的基线),因此父元素的基线为“我是啦啦啦…父元素内默认的透明色块就如上图的“x色块”,默认为字体和行高为16px\1-1.2,父元素的基线就是“x色块”的基线。父元素(div)没有设置padding,那么子元素(del)上方的间距是哪里来的呢?基线位置偏移:当有元素的基线位置大于当前“x色块”的基线位置时,父元素的基线就以。以上是基于一行文本的顶线、中线、基线、底线。原创 2023-07-20 18:37:06 · 352 阅读 · 0 评论 -
踩坑(css3+h5)_background-size属性
图片并不能撑开盒子,要想显示背景图片,需要图片设置宽高或有足够的内容撑开盒子的前提下。[1] 当元素没有设置background-size属性,或是设置background-size:auto auto时,会按照图片默认的宽高进行展示图片宽高 大于 元素宽高 -> 超出元素宽高的图片会被截断(不显示)图片宽高 小于等于 元素宽高 -> 正常展示(展示位置以及是否平铺需要看background-position以及background-repeat)原创 2023-02-08 17:51:07 · 1341 阅读 · 0 评论