摘要: 1.单行文本之三剑客 <p>刘诗诗,原名刘诗施,1987年3月10日出生于北京市,中国内地影视女演员、影视出品人。</p> p{ border: 1px solid red; width: 400px; height: 40px; white-space: nowrap; overflow: hid 阅读全文
posted @ 2019-05-03 03:54 岁月无垠 阅读(3089) 评论(0) 推荐(0) 编辑
摘要: 一、bfc布局 以下的代码加了子元素的上边距,为什么没有发生变化? <div class="wrapper"> <div class="content"></div> </div> * { padding: 0; margin: 0; } .wrapper{ position: relative; 阅读全文
posted @ 2019-05-03 03:44 岁月无垠 阅读(288) 评论(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 岁月无垠 阅读(243) 评论(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 岁月无垠 阅读(231) 评论(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 岁月无垠 阅读(170) 评论(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 岁月无垠 阅读(188) 评论(0) 推荐(0) 编辑