随笔分类 - css
摘要:视频教程-可以点击跳转到视频 简单案例 父元素属性设置-可以点击跳转案例 设置主轴方向 设置子元素是跟着主轴来排序的方式 默认的主轴是X 轴 Y轴是侧轴 flex-direction:{ row; 默认值 从左到右 row-reverse; 翻转 从右到左 主轴是Y 轴 X轴是侧轴 column;
阅读全文
摘要:<!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
阅读全文
摘要:html{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscal
阅读全文
摘要:mydiv{ max-height:910px; overflow:auto; } mydiv::-webkit-scrollbar{ width:8px; height:8px; background-color: #61B6EB; } mydiv::-webkit-scrollbar-track
阅读全文
摘要:html{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscal
阅读全文
摘要:1阴影: 水平阴影的位置,垂直阴影的位置 , 模糊距离 , 阴影的尺寸, 阴影的颜色 box-shadow: 0px 0px 0px 0px color inset 内部印象 2.动画: 3剪切div: clip:rect(0px,0px,0px,0px);
阅读全文
摘要:结果:设置文字不换行,溢出后隐藏,截断显示省略符 .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 结果:-webkit-line-clamp 可以把块容器中的内容限制为指定的行数为截断显示省略
阅读全文