备忘笔记
woaiwanshumen
这个作者很懒,什么都没留下…
展开
-
文字和背景图位置设置
标签:通常就div或者span不过span可不换行 可横向布局 但不能设置宽高 所有要用display:inline-block;转换格式就可设置高宽设置背景图片位置:background:url(图片路径) no-repeat(不自动延伸) x位置像素(或center) y位置像素(或center) ;例子background:url(img/show.png) no原创 2016-09-23 12:40:10 · 2933 阅读 · 0 评论 -
三个span水平垂直对齐方式
三个span标签都要添加下面的属性vertical-align:top;就可以实现水平对齐原创 2016-09-23 14:22:29 · 14202 阅读 · 0 评论 -
a标签去下划线或文字添加下修饰
text-decoration:none;a标签属性属性内设置上方属性 即可去除下划线或者文字添加修饰也用这个属性值描述none默认。定义标准的文本。underline定义文本下的一条线。overline定义文本上的一条线。line-through定义穿过原创 2016-09-24 10:09:37 · 30405 阅读 · 2 评论 -
css+html写下拉导航栏
*{ margin: 0px; padding: 0px; } .heading>li{ border-radius: 10px; line-height: 37px; text-align: center; width: 60px; height: 37px; list-style: none; backgrou原创 2016-09-24 20:01:17 · 1583 阅读 · 0 评论 -
HTML--圆角按钮的实现
圆角按钮的实现属性值:border-radius属性值:像素代码效果原创 2016-09-21 16:05:31 · 31625 阅读 · 1 评论 -
overflow解决浮动高度塌陷问题的原理--触发BFC
.div{ width: 600px; border:5px solid black; overflow: hidden; } div{ width: 400px; height: 200px; background: blue; float: left; } 父级元素设置了overflow:hidd原创 2016-10-11 19:13:03 · 2149 阅读 · 0 评论 -
触发BFC实现简单自适应
首先试一下代码 .div{ /*width: 600px;*/ height: 400px; border: 5px solid red; } .a{ width: 300px; height: 200px; background: palegreen; float: left; } .b{ heigh原创 2016-10-11 19:26:05 · 506 阅读 · 0 评论 -
数个div横向放方法
方法1.把div转换成内敛标签display:inline-block;弊端:每个div有左右都有间隔方法2 把几个div设置浮动 并且不会有间隔(但是要在父级元素清除浮动 例如:在父级属性内 overflow:hidden;)原创 2016-09-26 19:08:30 · 792 阅读 · 0 评论