文章分类 -  div+css

display:inline、block、inline-block的区别
摘要：display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inl... 阅读全文
posted @ 2015-10-22 22:35 卡布kaka 阅读(58) 评论(0) 推荐(0)
盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
摘要：Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css]view plaincopy.Absolute-Center{margi... 阅读全文
posted @ 2015-08-04 13:26 卡布kaka 阅读(114) 评论(0) 推荐(0)
获取元素CSS值之getComputedStyle方法熟悉
摘要：一、本文是转载的~只为了方便自己查阅与理解~二、getComputedStyle是？getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。getComputedStyle()... 阅读全文
posted @ 2015-07-17 13:07 卡布kaka 阅读(318) 评论(0) 推荐(0)
css中省略号问题
摘要：首先了解一个css属性：white-space;这个属性的用法如下：定义和用法white-space 属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。默认值：normal继承性：yes版本：CS... 阅读全文
posted @ 2015-07-13 11:19 卡布kaka 阅读(354) 评论(0) 推荐(0)
各大门户网站全局CSS样式定义
摘要：1.网易body { text-align: center; font-family:"宋体", arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#000;}div,form,img,ul,ol,li,dl,dt,... 阅读全文
posted @ 2015-07-09 13:24 卡布kaka 阅读(574) 评论(0) 推荐(0)
display:list-item和display:block区别
摘要：display:list-item为元素内容生成一个块型盒，随后再生成一个列表型的行内盒。其效果就和ul中出现项目列表符号一样。通俗地说就是会在内容前面自动加上黑点，而display:block则不会出现黑点。 阅读全文
posted @ 2015-07-09 13:23 卡布kaka 阅读(475) 评论(0) 推荐(0)