Dj_Fairy的博客

下面介绍几种常用的垂直居中方法<div class="outer"> <div class="content"></div></div>html,body{ width: 100%; height: 100%;}第一种：absolute+margin负值.outer { positio...

.service-menu{padding:8px;margin: 0 auto;margin-bottom: 10px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear, left top, lef...

最近做项目遇到了一个问题，在chrome浏览器下input输入变颜色问题，我要的是透明背景，输入内容后会有白色背景如下图所示：解决方法：在css里面加一行代码.input:-webkit-autofill{-webkit-text-fill-color: #fff !important; transition: background-color 5000s ease-in...

&lt;template&gt; &lt;transition name='toast'&gt; &lt;div class='toast' v-if='toast'&gt; &lt;div class='toast_main' &gt;{{message}}&lt;/div&gt; &lt;/div&gt; &lt;/tr...

transition、transform、（@keyframes）animation过渡动画transition(默认：transition:all 0 ease 0)语法：transition:property duration timing-function delay1)transition-property(变化属性、all默认，代表所有，规定变化的css名称)tran...

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;导航栏下划线跟随鼠标&lt;/title&gt; &lt;style&gt; ul{ list

1、通过加载时间加载进度条&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;通过加载时间加载进度条&lt;/title&gt; &lt;style&gt; *{

1、demo1&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;css3 hover&lt;/title&gt; &lt;style&gt; *{margin: 0

html,body { width: 100%; height: 100%;}body { font-family: "思源黑体", Arial, Helvetica, sans-serif; font-size: 1.3rem; overflow: hidden;}* { padding: 0; margin: 0; ...

导入别的项目要加npm i1、创建项目vue init webpack gongfuCMS2、安装elementnpm i element-ui -S项目中在main.js中导入 import Vue from 'vue'import App from './App'import ElementUI from 'element-ui';import '...

为什么初始化css? 考虑到浏览器兼容性问题，不同浏览器对标签的默认值是不同的通用初始化样式-------body{ margin: 0;padding: 0;font-family: "微软雅黑";overflow: hidden;}body,html{-webkit-text-size-adjust: none;width: 100%;height: 100%;}*{text-dec