input[type="checkbox"]与label对齐
摘要：项目中遇到文字与 checkbook 无法水平对齐, 源码如下: 查阅网上解决方法自己总结后，修改如下：
阅读全文
posted @
2018-01-08 12:25
Now,DayBreak
阅读(2080)
推荐(0) 编辑
CSS 之 伪类及伪元素
摘要：伪类和伪元素用起来非常的方便，在查阅资料及测试后整理下来。 一、伪类 CSS 伪类用于向某些选择器添加特殊的效果。伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。 伪类即 CSS 内植类，CSS 内部本身赋予它一些
阅读全文
posted @
2017-04-13 14:08
Now,DayBreak
阅读(656)
推荐(0) 编辑
CSS 之 样式优先级机制
摘要：多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。 1、一般情况下，优先级从低到高，如下： 浏览器缺省（即浏览器默认） →（外部样式）External style sheet →（内部样式）Internal style sheet
阅读全文
posted @
2017-03-13 16:47
Now,DayBreak
阅读(708)
推荐(0) 编辑
关于ie7下display：inline-block；不支持的解决方案
摘要：如果本身是内联元素的，把它的display属性设置设置为inline-block时，所有浏览器都是支持的。 相反，如果本身是块级元素的，把它设为display：inline-block; 那么ie6/ie7都是不支持的。 IE中对内联元素使用display:inline-block，IE是不识别的，
阅读全文
posted @
2016-09-26 17:06
Now,DayBreak
阅读(227)
推荐(0) 编辑
CSS 之 嵌套 margin-top 处理
摘要：如下代码： 会发现，内层div的margin-top显示在了外层div上。 这个“问题”……它是CSS2.1的盒模型中规定的内容——Collapsing margins： In this specification, the expression collapsing margins means t
阅读全文
posted @
2016-06-06 13:22
Now,DayBreak
阅读(502)
推荐(0) 编辑
CSS 之 控制图片与文字对齐
摘要：文字旁边搭配图片时，发现图片比文字靠上，原来默认的情况是图片顶对齐而文字底对齐，通过设置css属性可以使得图片与文字对齐。 设置各对象的vertical-align属性，属性说明： baseline－将支持valign特性的对象的内容与基线对齐 sub－垂直对齐文本的下标 super－垂直对齐文本的
阅读全文
posted @
2016-05-23 14:47
Now,DayBreak
阅读(2325)
推荐(0) 编辑
CSS 之 清除 float 常用的方法
摘要：大多数前端使用.clearfix:after{ .....} 和 .clearit{....}的组合来清除浮动。 前端开发经常用到浮动 float:left; float:right; 有浮动就需要清除他们，after伪类由于受到ie6 7的不支持所以大多数时候，一般都需要定义一个固定的cla...
阅读全文
posted @
2015-09-11 22:08
Now,DayBreak
阅读(1059)
推荐(0) 编辑
CSS 杂记
摘要：1. z-index： img{ position:absolute; left:0px; top:0px; z-index:-1;} 所有主流浏览器都支持 z-index 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。 z-in
阅读全文
posted @
2014-09-11 11:10
Now,DayBreak
阅读(236)
推荐(0) 编辑
CSS 之 div中文字超出时自动换行
摘要：在开发中很容易遇到div中文字超出的问题，在此总结以下方法： 1. white-space ：属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符。所有浏览器都支持 white-space 属性。注，任何的版本的 Internet Explorer （包括 IE8）都不支持
阅读全文
posted @
2014-08-22 09:28
Now,DayBreak
阅读(24870)
推荐(1) 编辑
