当ul/ol列表拥有layout后
又是layout惹来的麻烦,在IE中当ul/ol里的li拥有layout后会影响列表的表现。这奇怪错误是IE独有的BUG,恐怕只有Microsoft的制作团队才能解决,我们可以做到的只有设法绕过这错误表现避免使用拥有layout css属性。具体请参考以下实例
原文地址:http://blog.gulu77.com/?p=43
又是layout惹来的麻烦,在IE中当ul/ol里的li拥有layout后会影响列表的表现。这奇怪错误是IE独有的BUG,恐怕只有Microsoft的制作团队才能解决,我们可以做到的只有设法绕过这错误表现避免使用拥有layout css属性。具体请参考以下实例
原文地址:http://blog.gulu77.com/?p=43
CSS框架/命名/规则 & 注意要点
文/weilaixu 地址:http://weilaixu.cn/read.php/73.htm 转载请注明.
请结合CSS布局命名规范和css简单框架这两篇文章阅读本文.
当然,你也可以下载它们!
文章有点杂....
文/weilaixu 地址:http://weilaixu.cn/read.php/73.htm 转载请注明.
请结合CSS布局命名规范和css简单框架这两篇文章阅读本文.
当然,你也可以下载它们!
文章有点杂....
CSS框架见:简单框架.css 下载
命名规范:
说明:均为class,需要扩展,则在当前命名内以“_“(下划线)后缀自定名称。
我习惯称列表页为list,新闻列表则为newslist,图片列表为piclist,
内容页为view,
命名规范:
说明:均为class,需要扩展,则在当前命名内以“_“(下划线)后缀自定名称。
我习惯称列表页为list,新闻列表则为newslist,图片列表为piclist,
内容页为view,
请结合“CSS布局-命名规范-简单框架weilaixu.doc”一起查看以方便理解。本人并未参照任何其他框架。不当之处请谅解*/
/*如不懂缩写,请参照css缩写规范.doc*/
/*本文只针对个别在跨浏览器不同效果的元素设置进行注释和注意要点,其他均不做修改注释*/
/*本文针对公司其他成员css水平,进行弱化处理。目的是为了提高工作效率。*/
/*下拉菜单请参照:http://bbs.blueidea.com/thread-2854011-1-1.html*/
/*如不懂缩写,请参照css缩写规范.doc*/
/*本文只针对个别在跨浏览器不同效果的元素设置进行注释和注意要点,其他均不做修改注释*/
/*本文针对公司其他成员css水平,进行弱化处理。目的是为了提高工作效率。*/
/*下拉菜单请参照:http://bbs.blueidea.com/thread-2854011-1-1.html*/
当完成一项前端的工作之后,许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型,在余下的时间里还有不断的维护工作,而这些工作也许不会是你自己完成。所以,结构优良的代码能很大程度上优化它的可维护性。下面列出五种提高CSS文件可维护性的方法,也就是一种较好的CSS样式指南。
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale')"
"Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标,可以指定各种不同范围的透明度。
做过活动页面的同学可能会遇到要做背景半透明的效果,我们一般的做法是用两个层,一个用于放文字,另一个用于做透明背景,因为透明滤镜的效果会影响到里面的内容。不过如果你只需求在IE下实现,我们有更简单的做法:
创建性感的CSS
May , 26 , weilaixu , 00:30 , Css & Xhtml , 评论(0) , 引用(0) , 阅读(1501) , Via Creating Sexy Stylesheets
作为一个CSS方面的专家,所做的不只是记住选择符(Selectors)那么简单,提升样式表的效用和可维护性,以及设计蓝图和管理工作流程都是工作的一部分.在本篇文章中,Jina Bolton给出了10个CSS技巧提示,这些内容是由对12位顶尖的设计者的调查提炼而来.









