![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 85
Sheldon一蓑烟雨任平生
目前正在学习Vue.js、React.js和微前端,并持续跟新相关博客内容
展开
-
7.在vue中使用element-ui组件、图标和阿里图标库
在vue中使用element-ui组件和阿里图标库1.下载element-ui到项目中2.参照element-ui官网插入组件3.在组件中插入图标3.1插入element-ui图标3.2插入阿里图标1.下载element-ui到项目中项目中已经下载,注意按需导入,这样项目会比较小。2.参照element-ui官网插入组件打开element-ui官网,找到对应的组件代码,复制到项目中但是因为element-ui插件之前是选择按需导入,虽然性能会更好,但是需要在plugins->element原创 2020-06-30 16:26:06 · 1539 阅读 · 0 评论 -
6.在vue中使用less
在vue中使用less1.使用less对Login.vue进行css设置2.下载less相关的开发依赖3.其他样式调整1.使用less对Login.vue进行css设置<template> <div class="login_container">登录组件</div></template><script>export default {};</script>// 定义单文件组件必须设置scoped<sty原创 2020-06-30 16:03:41 · 975 阅读 · 0 评论 -
快速掌握flex弹性盒子布局
flex弹性盒子布局前言详解flex布局写一个简单flex布局的步骤1、设置flex容器(弹性盒子)2、设置项目的大小比例(1)默认占满整行的写法(项目使用flex-grow属性)(3)默认最多占满整行的写法(项目使用width属性)3、换行处理(响应式布局需要)(1)设置容器换行(flex-wrap)(2)设置项目宽度(width百分比)4、调整容器内项目间距5、盒子模型所有属性(1)容器属性(2)项目属性前言网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 di原创 2020-06-12 15:28:38 · 5621 阅读 · 8 评论 -
Vue动画篇(二)——使用animate.css类库实现动画
使用第三方animate.css类库实现动画前面我们已经学习了过渡类动画的六个过程和使用方式,还学会了给不同的transition定义不同的名称用以分别不同的动画。但是如果每一个动画都要自己写就会很浪费时间并且不易实现。因此我们可以借助第三方animate.css类库来实现一些特殊的动画。实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n原创 2020-05-27 15:50:42 · 669 阅读 · 0 评论 -
前端常用CSS笔记(更新中)
常用css笔记导读常用标签美化的css方案文字的排版1、文字如何进行上下或者左右居中处理?2、第一行文字的边距导读前端在从前经常被后端瞧不起,究其原因,是因为后端对前端的印象还处在html、css和jQuery的时代,认为前端的工作无非就是按照美工的要求实现已有的页面,各种效果也不过是去网上进行复制黏贴,繁琐而又不能够凸显出个人能力。但是其实前端学习深入了,也不会比后端简单。比如vue等框架,将前端的工作进行模块化、组件化和工程化后,大大提高了代码的复用率,项目结构也更加合理,开发也将更加高效,使前端的原创 2020-05-22 16:14:25 · 479 阅读 · 0 评论