css - 随笔分类 - 呀，西蓝花

摘要：鼠标移入字体变色，下划线出现，移出则字体变为原来的颜色，下划线消失。代码如下：效果如下：阅读全文

posted @ 2018-04-27 10:00 呀，西蓝花阅读(2416) 评论(0) 推荐(0)

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 呀，西蓝花阅读(154) 评论(0) 推荐(0)

定位

摘要：1、相对定位position:relative; 相对定位，就是微调元素位置的。让元素相对于原来的位置，进行位置调整。相对定位不脱标，其实位置是在老家，只不过影子出去了，可以到处飘。它原本的位置会一直存在，不会被其他盒子占据。用途：相对定位有坑，所以一般不用于做“压盖”效果。页面中，效果极小。阅读全文

posted @ 2018-04-26 15:13 呀，西蓝花阅读(150) 评论(0) 推荐(0)

margin的塌陷现象

摘要：1、标准文档流中，margin不叠加，以较大的为准。案例代码如下：效果如下： 2、如果对两个盒子都设置了浮动属性，并且他们都位于水平位置。margin会叠加：代码如下：效果图如下：如果不在标准流，比如盒子都浮动了，那么两个盒子之间是没有塌陷问题的。阅读全文

posted @ 2018-04-26 14:39 呀，西蓝花阅读(243) 评论(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 呀，西蓝花阅读(267) 评论(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 呀，西蓝花阅读(175) 评论(1) 推荐(0)

使用动画效果实现类似于视频来电时的布局以及效果

摘要：html代码如下： css代码如下： js代码如下：效果展示如下：阅读全文

posted @ 2018-04-25 08:17 呀，西蓝花阅读(308) 评论(0) 推荐(0)

鼠标移入相应的位置，title显示出相应标签的内容

摘要：html代码如下： css代码如下： js代码如下：效果图如下：阅读全文

posted @ 2018-04-25 08:04 呀，西蓝花阅读(1594) 评论(0) 推荐(0)

判断元素是否显示隐藏的方法

摘要：第一种：使用css属性第二种：使用jQuery内置的选择器假设页面布局是以下这样：那么，我们可以用以下语句来判断id为"test"的标签是否隐藏：可以将获取的元素赋值给一个变量：比如：阅读全文

posted @ 2018-04-24 08:31 呀，西蓝花阅读(391) 评论(0) 推荐(0)

块级元素在块级元素内部垂直居中

摘要：步骤： 1、给父级元素添加相对定位position：relative； 2、子元素设置如下： position: absolute; left: 50%; top: 50%; //设置为子元素width的一半，设置为负值 margin-left: -25px; //设置为子元素height的一半，设阅读全文

posted @ 2018-04-18 09:58 呀，西蓝花阅读(187) 评论(0) 推荐(0)

css设置内容超出范围用省略号表示

摘要：标签内容为：明天就周末了设置后的效果图如下：实现代码如下：注意代码行：9-14行阅读全文

posted @ 2018-04-13 17:45 呀，西蓝花阅读(339) 评论(0) 推荐(0)

呀，西蓝花

随笔分类 - css

公告