2016年4月14日
为什么有些行内元素可以设置宽高
摘要： html中有一类元素比较特殊，虽然他们属于行内元素，但是他们是可以设置宽高的，如img|input|select|textarea|button|label等，他们被称为可置换元素（Replaced element）。他们区别一般inline元素（相对而言，称non-replaced element 阅读全文
posted @ 2016-04-14 21:26 简简和单单 阅读(8158) 评论(1) 推荐(1)
div垂直居中的几种方法
摘要： CSS教程:div垂直居中的N种方法[转](原文地址：http://www.cnblogs.com/chuncn/archive/2008/10/09/1307321.html) 在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支 阅读全文
posted @ 2016-04-14 10:15 简简和单单 阅读(1074) 评论(0) 推荐(0)
2016年4月12日
行内元素和块级元素使用浮动后的变化
摘要： 百度的时候有人说行内元素浮动之后会变成块级元素，于是继续在网上搜索，又有人说不加display：block就变不了会计元素；好的吧，实践出结果，自己试试吧，个人总结了一下： 行内元素设置成浮动之后变得更加像是inline-block（行内块级元素，设置成这个属性的元素会同时拥有行内和块级的特性，最明 阅读全文
posted @ 2016-04-12 15:20 简简和单单 阅读(18723) 评论(0) 推荐(3)
行内元素和块计元素需要注意的地方
摘要： 行内内容是说由行内元素组成的内容，行内元素大家都知道吧，比如 SPAN 元素，IFRAME元素和元素样式的display : inline的都是行内元素。例如文字这类元素，各个字母 之间横向排列，到最右端自动折行。 块级内容跟则是由块级元素构成，DIV 是最常用的块级元素，元素样式的display: 阅读全文
posted @ 2016-04-12 14:07 简简和单单 阅读(418) 评论(0) 推荐(0)
2016年3月16日
为什么我们要使用min-height和max-height样式属性？
摘要： Css min-height应用地方解释我们有时设置一个对象盒子时候避免对象没有内容时候不能撑开，但内容多少不能确定所以又不能固定高度，这个时候我们就会需要css来设置min-height最小高度撑高对象盒子。当内容少时候最小高度能将内容显示出，如果内容多余最小高度能装下时候，对象也会再随内容增多而 阅读全文
posted @ 2016-03-16 17:32 简简和单单 阅读(908) 评论(0) 推荐(0)
带有hover效果的text-overflow
摘要： 代码运行结果： 当鼠标移入地时候可以显示被省略的内容 阅读全文
posted @ 2016-03-16 15:17 简简和单单 阅读(915) 评论(0) 推荐(0)
css切背景图片（background-position）
摘要： 给元素添加背景图片的方式有很多，个人总结的有： 用img插入图片； css3的方式手动绘图； 单独用background-image单独插入图片； 其中用background-image有两种方法，一种是采用的单一照片来设置，另一种就是采用一张整图来切： 会用到的属性有： 例如： 其中背景图片是用一 阅读全文
posted @ 2016-03-16 13:00 简简和单单 阅读(7011) 评论(1) 推荐(1)
display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;
摘要： 文章来源：https://segmentfault.com/n/1330000003893632 阅读全文
posted @ 2016-03-16 10:48 简简和单单 阅读(7193) 评论(0) 推荐(0)
2016年3月3日
background常用属性
摘要： background-image:url('图片位置');//设置背景图片的位置 background-repeat:no-repeat;//图片是否重复显示（不重复） background-position: x% y%;图片的起始位置（如果图片是需要重复显示）；如果不需要重复显示可以通过该项设置 阅读全文
posted @ 2016-03-03 15:40 简简和单单 阅读(205) 评论(0) 推荐(0)
2016年2月26日
隐藏元素，保留功能
摘要： 将元素的透明度改为全透明：opacity:0; filter:Alpha(opacity=0),两个是为了解决浏览器兼容问题，透明度兼容性： filter: alpha(opacity=80); //IE -moz-opacity:0.8; //火狐 opacity:0.8; //其他浏览器 <di 阅读全文
posted @ 2016-02-26 17:18 简简和单单 阅读(204) 评论(0) 推荐(0)