css
关注
分享
扫一扫
sayyy
这个作者很懒，什么都没留下…
展开
-
flex自动换行
略原创 2024-07-20 23:39:47 · 192 阅读 · 0 评论 -
flex 布局：元素对齐
略原创 2023-10-07 16:25:42 · 230 阅读 · 0 评论 -
flex 布局：元素/文字靠右
略原创 2023-10-07 16:17:04 · 398 阅读 · 0 评论 -
背景色渐变
略原创 2023-03-20 15:22:09 · 140 阅读 · 0 评论 -
填充剩余宽度/占满剩余空间
略原创 2023-03-20 14:29:37 · 833 阅读 · 0 评论 -
box-sizing： content-box 与 border-box 的差别
【代码】box-sizing： content-box 与 border-box 的差别。原创 2023-03-15 11:48:51 · 678 阅读 · 0 评论 -
css display:flex 上下左右居中
略原创 2023-02-17 15:20:22 · 543 阅读 · 0 评论 -
css 阴影
略原创 2023-02-17 11:27:01 · 89 阅读 · 0 评论 -
css 边框发光
略原创 2023-02-16 16:09:10 · 2419 阅读 · 0 评论 -
css 安全区域 safe-area-inset-
略原创 2023-02-15 16:22:41 · 9096 阅读 · 0 评论 -
css overflow 失效
略原创 2023-02-14 17:57:21 · 627 阅读 · 0 评论 -
flex 居中
略原创 2022-12-17 21:55:22 · 177 阅读 · 0 评论 -
css 描边
略原创 2022-12-17 21:26:04 · 194 阅读 · 0 评论 -
css动画
css动画原创 2022-12-15 10:29:47 · 78 阅读 · 0 评论 -
DIV横向布局
div横向布局原创 2022-06-18 17:02:40 · 697 阅读 · 0 评论 -
【css】文字垂直居中
前言html在线运行https://www.runoob.com/runcode方法1：容器高度不固定将容器的padding-top和padding-bottom的值设置成相等的值。<!DOCTYPE html><html><head><style> div.test {border:1px solid #000000;padding-top: 30px;padding-bottom: 30px;}</style>原创 2021-08-31 23:34:55 · 260 阅读 · 0 评论 -
【CSS 伪类】顺序
前言顺序<!DOCTYPE html><html lang="zh" ><head> <meta charset="utf-8"> <style> * { margin: 0; padding: 0; } body > div{ word-spacing: -5px; background-color:#fff !important; } .c { width: 50%;原创 2021-05-29 14:54:49 · 273 阅读 · 0 评论 -
【css】行高的计算
行高概念图行高的计算假设有如下代码p {font-size: 36px;line-height: 1.5;}行高 = 36px * 1.5 = 54px参考深入了解css的行高Line Height属性真正的能理解CSS中的line-height，height与line-height[学习笔记] css中的line-heightCSS line-height 属性...原创 2020-11-23 19:32:25 · 1150 阅读 · 0 评论 -
uniapp 仿瀑布流效果
前言Hbuilder X 2.7.14.20200618 （不清楚uniapp的版本，用工具版本代替）需求，如下图：实现数据文件 viewData.jsconst flowList=[ { title: '喜欢李白,张飞和刘备一起来打野,测试一下王者荣耀是否好玩,还要测试只显示两行文字多于三个点', image: '../../static/eg/viewList/1.jpg', date: '07-07', commentNum: 12, clickNum: 33,原创 2020-08-04 16:38:21 · 2526 阅读 · 4 评论 -
【uniapp】CSS3 的 calc() 函数使用表达式动态计算
前言css3 中增加了 calc() 函数calc() 函数语法：property: calc(expression)expression 表达式为： “+”、 “-”、"*"、"/" 表达式“+”、 “-“符号前后必须为空格，比如：calc(50% - 8px)。”*”、"/"符合无此要求。expression 表达式中允许嵌套函数（var 函数可以获取css变量），例如：.foo { --widthA: 100px; --widthB: calc(var(--widthA) / 2)原创 2020-08-05 10:10:11 · 5190 阅读 · 0 评论 -
【css】文字溢出，显示省略符号（...）/ 点点点
略原创 2020-08-02 10:50:38 · 4316 阅读 · 0 评论