![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
chen1057376155
这个作者很懒,什么都没留下…
展开
-
当div中插入图片时,图片下方有空隙的解决办法!
当我们用div拼接一些图片时,会发现div下方会有多出来的一条白线,用chrome浏览器查看元素的时候, 图片的高度是326.3px,但是作为容器的div的高度确是330px,貌似直接就四舍五入了,其中的原因是因为img作为行内元素,每次换行都会默认有有一个空隙 如图所示,黄色的是两个span,他们都是行内元素,两个行内元素之间有一个空隙。 红色的是两个div,他们都是块元素,之间并没有空原创 2016-07-11 21:33:46 · 8787 阅读 · 0 评论 -
CSS伪类和伪元素的本质区别
感觉在网上找了很久的资料都没有找到真正有用的资料,所以决定自己写一篇 首先是w3c上面的介绍CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。个人觉得吧,比较绕,所以自己找一下规律,在这里分享一下伪类伪类,从字面上理解,首先类这个字应该是指class,毕竟是在css里面,那么这个类是用来干啥子的?A:你不是废话吗?肯定添加样式的?A说得对,那伪类原创 2016-07-23 19:36:50 · 413 阅读 · 0 评论 -
background-color:rgba与rab
在我们开发中,有事要开发一种半透明的效果,这时我们可能会用到opacity, 但是,这样会有一个问题,就是当一个父元素的opacity设置为半透明的时候,子元素也会变成半透明,所以我们需要想一下其他办法 比如background-color,但是这里会有一个问题,agb这种模式是不能支持透明度的,只有agba可以支持透明度,但是又有一个问题,就是在ie浏览器上ie9以上才支持,这真是日了ie,不原创 2016-07-26 11:49:47 · 8067 阅读 · 0 评论 -
我理解的z-index,层叠上下文,层叠顺序(DOM结构上)
1-什么是层叠上下文按照我自己的理解还有查找到的资料层叠上下文是基于Z轴的一个环境,这个环境其实一直都存在。 它的默认层叠顺序原则是: 同级元素中,后面的元素覆盖前面的元素,父子元素中,子元素覆盖父元素层叠顺序,就是层叠上下文元素在层叠上下文中的前后顺序 举个例子<!--DOM结构--> <div class="oneContainer"> <div class=原创 2016-07-17 18:46:44 · 1611 阅读 · 0 评论 -
浅谈vertical-align
1.vertical-align的应用点- 应用于行内元素(包括行内块)- 应用于表单元格(应用于单元格的时候只能识别baseline , top, middle , bottom)- vertical-align 不影响块元素中的元素,也就是对块元素是无效的- 可以影响表单格中的元素2.vertical-align的运用- 2-1 图像相对于文字的垂直对齐 效果如上图 需要设置的样式如下<!原创 2017-02-27 13:31:33 · 1749 阅读 · 0 评论