随笔分类 -  css

摘要:视频教程-可以点击跳转到视频 简单案例 父元素属性设置-可以点击跳转案例 设置主轴方向 设置子元素是跟着主轴来排序的方式 默认的主轴是X 轴 Y轴是侧轴 flex-direction:{ row; 默认值 从左到右 row-reverse; 翻转 从右到左 主轴是Y 轴 X轴是侧轴 column; 阅读全文
posted @ 2022-09-20 21:29 前端搬运工bug 阅读(22) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="t 阅读全文
posted @ 2022-07-18 14:46 前端搬运工bug 阅读(42) 评论(0) 推荐(0) 编辑
摘要:html{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscal 阅读全文
posted @ 2022-07-11 14:13 前端搬运工bug 阅读(125) 评论(0) 推荐(0) 编辑
摘要:mydiv{ max-height:910px; overflow:auto; } mydiv::-webkit-scrollbar{ width:8px; height:8px; background-color: #61B6EB; } mydiv::-webkit-scrollbar-track 阅读全文
posted @ 2022-06-20 16:39 前端搬运工bug 阅读(112) 评论(0) 推荐(0) 编辑
摘要:html{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscal 阅读全文
posted @ 2022-06-20 16:28 前端搬运工bug 阅读(56) 评论(0) 推荐(0) 编辑
摘要:1阴影: 水平阴影的位置,垂直阴影的位置 , 模糊距离 , 阴影的尺寸, 阴影的颜色 box-shadow: 0px 0px 0px 0px color inset 内部印象 2.动画: 3剪切div: clip:rect(0px,0px,0px,0px); 阅读全文
posted @ 2022-06-20 16:28 前端搬运工bug 阅读(333) 评论(0) 推荐(0) 编辑
摘要:结果:设置文字不换行,溢出后隐藏,截断显示省略符 .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 结果:-webkit-line-clamp 可以把块容器中的内容限制为指定的行数为截断显示省略 阅读全文
posted @ 2022-05-26 23:00 前端搬运工bug 阅读(36) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示