随笔分类 -  CSS

摘要:先实现静态的轮播图 index.vue <nav class="msite_nav"> <div class="swiper-container" > <div class="swiper-wrapper"> <div class="swiper-slide food_types_container 阅读全文
posted @ 2020-01-17 16:39 岁月无垠 阅读(3464) 评论(0) 推荐(0)
摘要:html代码 <header> <div class="nav"> <span class="close-btn"></span> <a href="" class="register-btn">注册</a> </div> <h1>欢迎登录平安官网</h1> </header> <div class 阅读全文
posted @ 2019-09-02 23:57 岁月无垠 阅读(2175) 评论(0) 推荐(0)
摘要:一、bfc布局 以下的代码加了子元素的上边距,为什么没有发生变化? <div class="wrapper"> <div class="content"></div> </div> * { padding: 0; margin: 0; } .wrapper{ position: relative; 阅读全文
posted @ 2019-05-03 03:44 岁月无垠 阅读(315) 评论(0) 推荐(0)
摘要:<div class="right"></div> <div class="left"></div> *{ padding: 0; margin: 0; } .right{ position: absolute; /*成了行级块元素,脱了文档流,那么它后面的兄弟会补位上去*/ right: 0; w 阅读全文
posted @ 2019-05-03 03:40 岁月无垠 阅读(255) 评论(0) 推荐(0)
摘要:<div class="plat"> <div class="circle1"></div> <div class="circle2"></div> <div class="circle3"></div> <div class="circle4"></div> <div class="circle5 阅读全文
posted @ 2019-05-03 03:38 岁月无垠 阅读(238) 评论(0) 推荐(0)
摘要:a标签里面不能套用a标签 1.背景图片加链接,图片和框需要设置一样的宽高 <a href="http://www.baidu.com" target="_black"></a> a{ display: inline-block; /*行内元素设置成块级元素才能设置宽高*/ width: 100px; 阅读全文
posted @ 2019-05-03 03:36 岁月无垠 阅读(185) 评论(0) 推荐(0)
摘要:1.如何让单行文本垂直居中?height和line-height的值相同,文本就会居中, 首行缩进:text-indent: 2em; 代表首行缩进2个字的空格 1em=1* 16px。 文字的行高是1.2倍宽高:line-height:1.2em。 2.图片是行内块元素,只要是inline属性都具 阅读全文
posted @ 2019-05-03 03:32 岁月无垠 阅读(200) 评论(0) 推荐(0)