随笔分类 -  CSS

摘要:IE6/IE7下对display:inline-block的支持性不好。1、inline元素的display属性设置为inline-block时,所有的浏览器都支持;2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的; 对象呈递为内联对象,但是对象... 阅读全文
posted @ 2015-10-04 23:00 SunRain117 阅读(784) 评论(0) 推荐(0)
摘要:在用css预编译语言less时,在visual studio中编写静态页时报错,错误如下:原因:经过一番搜索后终于找到解决办法,原来是 visual studio中绑定的IIS Express没有给less文件添加MIME映射,以至于无法加载LESS文件(1)Visual studio中解决办法:应... 阅读全文
posted @ 2015-08-10 15:35 SunRain117 阅读(1318) 评论(0) 推荐(0)
摘要:for IE:direction 阴影角度 0°为从下往上 顺时针方向strength阴影段长度-moz-box-shadow: 2px 2px 10px #909090;-webkit-box-shadow: 2px 2px 10px #909090;box-shadow:2px 2px 10px... 阅读全文
posted @ 2015-02-07 19:32 SunRain117 阅读(5982) 评论(0) 推荐(0)
摘要:比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性。就是用来 控制背景图片的显示的。所以一般用作背景图片的有2类: 1... 阅读全文
posted @ 2015-01-25 17:23 SunRain117 阅读(35635) 评论(0) 推荐(0)
摘要:div垂直居中 css div盒子上下垂直居中,让DIV盒子在任何浏览器中任何分辨率的显示屏浏览器中处于水平居中和上下垂直居中。div垂直居中常用于单个盒子,如一个页面里只有一个登录布局,使用div css让这个登录布局水平和css垂直居中。这里介绍一种最简单兼容性最好的水平居中与上下垂直居中的方法... 阅读全文
posted @ 2015-01-25 01:18 SunRain117 阅读(516) 评论(0) 推荐(0)
摘要:OneHundredPercentHeightdivsThisdesignusesadefinedbodyheightof100%whichallowssettingthecontainedleftandrightdivsat100%height.Thisdesignusesadefinedbody... 阅读全文
posted @ 2015-01-20 11:38 SunRain117 阅读(400) 评论(0) 推荐(0)
摘要:CSS3 圆角(border-radius)前缀例1例2:无边框书写顺序其它支持性值:半径的长度前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如:-webkit-border-radius)用于Safari和Chrome。例1#round { p... 阅读全文
posted @ 2014-11-19 11:05 SunRain117 阅读(269) 评论(0) 推荐(0)
摘要:div结构如下: 导航 内容让导航的高度根据内容层的高度自动调整的Css样式:.mainbody{height:100%;overflow:hidden;}.left{height:100%; margin-bottom:-99999px; padding-bottom:99999px;}这样就... 阅读全文
posted @ 2014-05-12 16:38 SunRain117 阅读(322) 评论(0) 推荐(0)
摘要:例如:,图的边框会出现a标签默认的边框,解决办法:img{border:0 none},这样就可以了,注意两个一定都要写上去 阅读全文
posted @ 2014-05-09 18:04 SunRain117 阅读(4041) 评论(0) 推荐(0)