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-overflowtext-overflow 属性规定当文本溢出包含元素时发生的事情常用:text-overflow:ellipsis(显示省略符号来代表被修剪的文本。)必须配合以下两个属性使用white-space:nowrap 强制不换行overflow:hidden 溢出部分隐藏white-space,word-wrap,word-break如何处理元素中的空白,自动换行以及换行符:(一般情况下元素内的“单词”超过元素宽度边界时候会自动换行)white-spacewhite原创 2020-10-29 17:42:03 · 117 阅读 · 0 评论