小易正在努力学习魔法

css样式

es6(2) react(3) vue学习(9) 前端面经_归纳(8)

/ 注册

全部文章 / css样式（共5篇）

css动画 1 transition

推荐几个网站 animation.css hover.css sshake transition 过渡动画 transition-property;指定要渐变的元素属性指定宽度属性渐变(一个属性) 指定所有属性渐变(这里有宽度+背景) transition-duration;指定渐...

2022-05-20

0 339

css伪类、伪元素选择器

1.什么是伪元素？创建一些不在文档树中的元素，并为其添加样式。选择器注意：使用::before ::after ；一定要有content:'' ; 可以为空，可以为竖线｜，可以为url图片；display:block后可以设置宽高，可以position:relative后改变位置;可以t...

2022-05-19

0 434

iconfont 三种使用姿势

iconfont 是阿里做的开源图库。 unicode 优势：兼容性好支持安字体的方式动态调整图标大小，颜色 font-size color 劣势：不支持多色图标在不同设备浏览器字体的渲染会有略微差别使用方式：三步骤第一步：引入字体 @font-face { font...

2022-05-18

0 421

font awsome 图标

font aswsome 字体/图标，引入后，可以直接使用 1.普通使用 2.列表图标 3.边界和被拉的图标 4.动态图标 fa-spin 类可以让图标旋转, fa-pulse 类可以使图标以 8 步为周期进行旋转。动起来！ 5.旋转和翻转的图标 fa-rotate-* 和 fa-flip...

2022-05-18

0 456

css小总结

1.关于height:100%和height:100vh的区别 vh就是当前屏幕可见高度的1%，也就是说 height:100vh == height:100%; 但是当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0，但是设置height:100vh，该元素会被撑开屏...

2022-05-13

0 500