rockyxia
8年前 (2016-05-04) 6443浏览
写在前面
这套规范是我目前所在团队使用的规范,在此分享给大家。再一次来看这套规范发现我在日常的工作中有很多地方并没有按照规范来,确实有些大意,没有重视这块,可能团队中其他人也没有重视,缺少相互间的监督与互查,现在分享一下,希望我自己能严格遵守起来。后续我还会分享一个更详细的命名方法,与本套规范也属一脉相承,来自与IMWeb的一个建议。
下面就将规范内容直接贴出,希望能给新人一些帮助,若有意见及建议可以在文章...
rockyxia
11年前 (2013-03-06) 9204浏览
产生原因
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。
解决办法
我们在IE 6内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden;
解决这个bug很简单,在父元素中使用position:relative;即可解决该bug
ie7和ie6
发现在ie6和ie7里面overflow:h...
rockyxia
11年前 (2012-07-04) 11434浏览
Tags:
text-wrap 定义文本的自动换行效果
属性 效果
normal 在允许的断点处自动换行
none 文本不会自动换行;对于不“合身”的容器,文本将会溢出
unrestricted 在任意的文法单词间都可断行,比 normal 的限制要松散很多
suppress 除非断行处没有其他任何允许的断点,方可进行断行,这比 unrestricted 严格,比 normal 松散
word-wrap 执...
rockyxia
12年前 (2012-03-30) 14022浏览
关于css优先级的问题我想也困扰过很多人,特别是我今天发这篇文章里面所说这种情况,本文内容是截取自KB005:CSS层叠文章中的关于计算选择器的特殊性( Selector’s specificity )部分,下面直接进入主题吧!
选择器的特殊性是在相同来源,相同重要性的规则之间判定最终哪个规则会起作用。 比如, 同是开发者自己定义的样式,并且,没有使用 “!importantR...
rockyxia
12年前 (2011-10-18) 6756浏览
我们经常在网上看到一些图片鼠标放上去就感觉变色了,但是这个图片还是原来的图片,并没有变换图片,其实这就是使用了滤镜的功能!滤镜是css中常用的功能,图片在网页中配合css滤镜可以做出很好看的效果!
今天我自己也尝试着做了一个小测试,代码页很简单,我先把代码放上来吧!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN...
rockyxia
12年前 (2011-09-29) 7140浏览
原文标题:Vertical Centering in CSS
副标题:Yuhu’s Definitive Solution with Unknown Hei
尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。
标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABL...
rockyxia
12年前 (2011-09-22) 9591浏览
使用javascript方法控制多个div的高度一致,达到最高的那个div的高度,这个我相信大家应该都遇到过,因为并排的div内容是自由的,所有高度也是不能固定死的,所以往往并排的div高度不一致有时候会很难看,这里我介绍的是javascript的方法,大家也可以使用jquery去做也是可以的,这里使用纯的javascript也不是很复杂,所以我就没有用jquery去做了!首先给大家看代码吧:
html代...
rockyxia
12年前 (2011-08-26) 6420浏览
在进行浮动布局时,大多数人都深知,在必要的地方进行浮动清理:<div style="clear:both;"></div>。
例如:
<div style="background:#666;"> <!-- float container -->
<div style="float:left; width:30%; height:40px;backg...