2018年4月27日
排他思想---点击当前按钮背景颜色变化
摘要： 排他思想：清除所有的按钮的样式，只剩下自己。 代码如下： 效果展示如下： 阅读全文
posted @ 2018-04-27 14:58 呀，西蓝花 阅读(328) 评论(0) 推荐(0)
：hover的用法
摘要： 鼠标移入字体变色，下划线出现，移出则字体变为原来的颜色，下划线消失。 代码如下： 效果如下： 阅读全文
posted @ 2018-04-27 10:00 呀，西蓝花 阅读(2412) 评论(0) 推荐(0)
2018年4月26日
z-index
摘要： 1、z-index值表示谁压着谁。数值大的压盖住数值小的。 2、只有定位了的元素，才能有z-index值。也就是说，不管相对定位、绝对定位、固定定位，都可以使用z-index值。而浮动的东西不能用。 3、z-index值没有单位，就是一个正整数。默认的z-index值是0。 4、如果大家都没有z-i 阅读全文
posted @ 2018-04-26 15:28 呀，西蓝花 阅读(150) 评论(0) 推荐(0)
定位
摘要： 1、相对定位position:relative; 相对定位，就是微调元素位置的。让元素相对于原来的位置，进行位置调整。 相对定位不脱标，其实位置是在老家，只不过影子出去了，可以到处飘。它原本的位置会一直存在，不会被其他盒子占据。 用途： 相对定位有坑，所以一般不用于做“压盖”效果。页面中，效果极小。 阅读全文
posted @ 2018-04-26 15:13 呀，西蓝花 阅读(141) 评论(0) 推荐(0)
margin的塌陷现象
摘要： 1、标准文档流中，margin不叠加，以较大的为准。 案例代码如下： 效果如下： 2、如果对两个盒子都设置了浮动属性，并且他们都位于水平位置。margin会叠加： 代码如下： 效果图如下： 如果不在标准流，比如盒子都浮动了，那么两个盒子之间是没有塌陷问题的。 阅读全文
posted @ 2018-04-26 14:39 呀，西蓝花 阅读(237) 评论(0) 推荐(0)
sublime复制当前行到下一行
摘要： Ctrl+shift+d：快速复制光标所在的一整行，并复制到改行之前。 阅读全文
posted @ 2018-04-26 14:10 呀，西蓝花 阅读(1931) 评论(0) 推荐(0)
盒子居中margin:0 auto;
摘要： 注意： 1） 使用margin:0 auto; 的盒子，必须有width，有明确的width 2） 只有标准流的盒子，才能使用margin:0 auto; 居中。 也就是说，当一个盒子浮动了、绝对定位了、固定定位了，都不能使用margin:0 auto; 3） margin:0 auto;是在居中盒 阅读全文
posted @ 2018-04-26 11:30 呀，西蓝花 阅读(264) 评论(0) 推荐(0)
清除浮动的方法
摘要： 1 2 3 4 去除浮动的方法 5 37 38 39 40 41 HTML 42 CSS 43 JS 44 HTML5 45 设计模式 46 47 48 49 50 ... 阅读全文
posted @ 2018-04-26 11:19 呀，西蓝花 阅读(172) 评论(1) 推荐(0)
2018年4月25日
回车提交表单input框的输入内容
摘要： 代码如下： input框中输入内容后按下enter回车键就会弹出input中输入的内容； 效果展示如下： 阅读全文
posted @ 2018-04-25 14:36 呀，西蓝花 阅读(280) 评论(0) 推荐(0)
使用动画效果实现类似于视频来电时的布局以及效果
摘要： html代码如下： css代码如下： js代码如下： 效果展示如下： 阅读全文
posted @ 2018-04-25 08:17 呀，西蓝花 阅读(302) 评论(0) 推荐(0)