随笔分类 -  CSS

CSS清除浮动方法集合
摘要：一、浮动产生原因 - TOP一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSSfloat浮动就产生了。浮动产生样式效果截图本来两个黑色对象盒子是在红色盒子内，因为对两个黑色盒子使用了float浮动，所以两个黑色盒子产生了浮动，导致红色盒子... 阅读全文
posted @ 2014-09-24 20:14 Rammstein 阅读(181) 评论(0) 推荐(0)
12.8 定位属性
摘要：定位方式 position1.static：表示默认值2.absolute：表示采用绝对定位，3.fixed：表示当页面滚动时，元素不跟着滚动4.relative：表示采用相对定位，对象不可以层叠一：绝对定位position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（... 阅读全文
posted @ 2014-09-23 21:58 Rammstein 阅读(172) 评论(0) 推荐(0)
12.5 段落属性
摘要：单词间隔 word-spacing：3px;字符间隔 letter-spacing：3px；（1）文字修饰：1.text-decoration：underline：表示对文字添加下划线2.text-decoration：overline：表示对文字添加上划线3.text-decoration：und... 阅读全文
posted @ 2014-09-23 21:48 Rammstein 阅读(217) 评论(0) 推荐(0)
12.4 背景属性
摘要：（1）：background-repeat属性：1.no-repeat：表示背景图片不平铺2.repeat：表示背景图片平铺整个网页3.repeat-x：表示背景图片只在水平方向平铺3.repeat-y：表示背景图片只在垂直方向平铺（2）：背景附件 background-attachment 可以设... 阅读全文
posted @ 2014-09-23 14:44 Rammstein 阅读(187) 评论(0) 推荐(0)
WEB手机端界面绝对定位分辨率扩大导致错乱问题和块级元素旋转角度CSS
摘要：首先头部添加 意识是等比例缩放做的时候发现了一些问题：之前设置body背景图片为no-repeat 宽度100% 定于父级容器为position：relative；然后定义你做要的div position： absolute；但是发现web手机端分辨率变大，定位根据图片所在的位置错乱了。比如iPho... 阅读全文
posted @ 2014-09-21 01:25 Rammstein 阅读(1389) 评论(0) 推荐(0)
记录这几天工作内容发现的兼容性问题
摘要：(1)：1.border-radius：圆角2.box-shadow：阴影3:linear-gradient:线性渐变各浏览器兼容性备注：-moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome、safari私有属性-o-代表opera代表opera私有属性... 阅读全文
posted @ 2014-09-19 00:05 Rammstein 阅读(153) 评论(0) 推荐(0)
IE兼容CSS3圆角border-radius的方法
摘要：IE兼容CSS3圆角border-radius的方法优化网站js效果，网上看见一个很简单方便的兼容圆角的方法，记下来。和大家分享一下,知道的高手就当捧个过场。嘻嘻1.下载border-radius.htc 2.CSS .radius{ -moz-border-radius: 11px; ... 阅读全文
posted @ 2014-09-17 20:32 Rammstein 阅读(307) 评论(0) 推荐(0)

Top