最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

标签:css

关于团队合作常用的CSS命名规范
前端技术

关于团队合作常用的CSS命名规范

rockyxia 3年前 (2016-05-04) 3275浏览

写在前面 这套规范是我目前所在团队使用的规范,在此分享给大家。再一次来看这套规范发现我在日常的工作中有很多地方并没有按照规范来,确实有些大意,没有重视这块,可能团队中其他人也没有重视,缺少相互间的监督与互查,现在分享一下,希望我自己能严格遵守起来。后续我还会分享一个更详细的命名方法,与本套规范也属一脉相承,来自与IMWeb的一个建议。 下面就将规范内容直接贴出,希望能给新人一些帮助,若有意见及建议可以在文章...

CSS

css ie6、ie7、ie8中overflow:hidden无效解决办法

rockyxia 6年前 (2013-03-06) 6136浏览

产生原因 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。 解决办法 我们在IE 6内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden; 解决这个bug很简单,在父元素中使用position:relative;即可解决该bug ie7和ie6 发现在ie6和ie7里面overflow:h...

CSS

通过CSS实现换行的几个标签

rockyxia 7年前 (2012-07-04) 5498浏览

Tags: text-wrap 定义文本的自动换行效果 属性 效果 normal 在允许的断点处自动换行 none 文本不会自动换行;对于不“合身”的容器,文本将会溢出 unrestricted 在任意的文法单词间都可断行,比 normal 的限制要松散很多 suppress 除非断行处没有其他任何允许的断点,方可进行断行,这比 unrestricted 严格,比 normal 松散 word-wrap 执...

CSS

CSS优先级之计算选择器的特殊性( Selector’s specificity )

rockyxia 7年前 (2012-03-30) 7194浏览

关于css优先级的问题我想也困扰过很多人,特别是我今天发这篇文章里面所说这种情况,本文内容是截取自KB005:CSS层叠文章中的关于计算选择器的特殊性( Selector’s specificity )部分,下面直接进入主题吧! 选择器的特殊性是在相同来源,相同重要性的规则之间判定最终哪个规则会起作用。 比如, 同是开发者自己定义的样式,并且,没有使用 “!importantR...

CSS

CSS滤镜在图片链接时的应用

rockyxia 7年前 (2011-10-18) 4428浏览

我们经常在网上看到一些图片鼠标放上去就感觉变色了,但是这个图片还是原来的图片,并没有变换图片,其实这就是使用了滤镜的功能!滤镜是css中常用的功能,图片在网页中配合css滤镜可以做出很好看的效果! 今天我自己也尝试着做了一个小测试,代码页很简单,我先把代码放上来吧! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN...

CSS

DIV未知高度垂直居中的CSS解决方法

rockyxia 7年前 (2011-09-29) 4492浏览

原文标题:Vertical Centering in CSS 副标题:Yuhu’s Definitive Solution with Unknown Hei 尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。 标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABL...

Js/Jquery

javascript方法控制多个div高度一致(以最大高度)

rockyxia 7年前 (2011-09-22) 6191浏览

使用javascript方法控制多个div的高度一致,达到最高的那个div的高度,这个我相信大家应该都遇到过,因为并排的div内容是自由的,所有高度也是不能固定死的,所以往往并排的div高度不一致有时候会很难看,这里我介绍的是javascript的方法,大家也可以使用jquery去做也是可以的,这里使用纯的javascript也不是很复杂,所以我就没有用jquery去做了!首先给大家看代码吧: html代...

CSS

CSS技巧:详解清除浮动

rockyxia 7年前 (2011-08-26) 3994浏览

在进行浮动布局时,大多数人都深知,在必要的地方进行浮动清理:<div style="clear:both;"></div>。 例如: <div style="background:#666;"> <!-- float container --> <div style="float:left; width:30%; height:40px;backg...