CSS
huangY_S
这个作者很懒,什么都没留下…
展开
-
CSS动画基本知识点总结(一)
过渡transition: 原理:当指定元素存在属性变换时,增加过渡效果。(比如给hover事件) 最少2个值:1、要添加的CSS属性过渡效果,2、指定效果的持续事件 transition(简写): ①该元素身上的过渡效果CSS ②过渡时间 ③过渡效果的时间曲线 ④过渡效果何时开始 关键帧@keyframes @keyframes 规则是创建动画 @keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式(关键帧) ①需要规定一个关键帧名称@keyframes name ②原创 2020-11-04 00:21:51 · 374 阅读 · 0 评论 -
弹性布局flex知识点和常用点
弹性容器属性: justify-content:弹性元素们在主轴上的对齐方式 align-items:弹性元素们在侧轴上的对齐方式 align-self:用于单独设置自身在侧轴的对齐方式。 flex-wrap:决定弹性元素溢出容器时的换行方式 align-content:用于修改换行后(设置了flex-wrap),在多行情况下,行与行之间的对齐方式。 弹性子元素属性: order:规定了弹性子元素的排列。从小到大排列,可以通过改变个别元素order的大小来改变其在容器中的排列情况。 align-self:用原创 2020-11-02 22:15:10 · 471 阅读 · 1 评论 -
记录一些CSS属性
text-overflow text-overflow 属性规定当文本溢出包含元素时发生的事情 常用:text-overflow:ellipsis(显示省略符号来代表被修剪的文本。) 必须配合以下两个属性使用 white-space:nowrap 强制不换行 overflow:hidden 溢出部分隐藏 white-space,word-wrap,word-break 如何处理元素中的空白,自动换行以及换行符: (一般情况下元素内的“单词”超过元素宽度边界时候会自动换行) white-space white原创 2020-10-29 17:42:03 · 116 阅读 · 0 评论