• (转)CSS的十八般技巧

    最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS,影响CSS的效率发挥。我来分析总结一下错误所在,帮助大家更加容易使用CSS。 本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是CSS高手,这些经验技巧可能已经都知道,如果你有更多的,希望可以帮我补充。 一....

    http://dtop.powereasy.net/Item/852.aspx
  • [转]你需要了解的CSS3技巧

      你们中有许多人可能已经听到过有关CSS3的不少传言,但是我们现在能真正用到的CSS3技巧又有哪些呢?本文,我将向你展示一些与众不同的CSS3技巧,这些技巧在一些主要的浏览器中表现良好(如Firefox,Chrome,Safari,Opera浏览器)。这些效果会在不支持的浏览器中降级渲染(如IE浏览器)。使用浏览器特定的声明,许多提议的CSS3样式都可以马上拿来使用。   如果你不知道浏览器...

    http://dtop.powereasy.net/Item/2195.aspx
  • CSS hack之区别不同浏览器的写法

    浏览器,一般我们以这个浏览器为输出参考平台,同时IE8与这两个浏览器解释CSS比较接近,一般只要通过火狐、谷歌浏览器测试兼容,一般就能确定IE8. 因此一般我们区别这些浏览器CSS hack的...浏览器CSS hack表格 另外再补充一个,下划线"_", IE6支持下划线,IE7和firefox均不支持下划线。 于是大家还可以这样来区分IE6,IE7,...

    http://dtop.powereasy.net/Item/1957.aspx
  • CSS标准框架启发在贵州学校建设过程中

    CSS框架之利: 1、大大减少了工作量: 如果你是一个正在输出贵州的前端开发,有了CSS框架后,你可以将很多错误及一些IE6.0下的bug扼杀在开始阶段。大大提高了输出的效率。如果没有框架,重新开始输出,肯定要花至多三倍时间。面对庞大而且重复循环项目,如果没有制定标准的CSS框架,是无法保证高效的工作进度的。 2、清晰明了的代码: 长期从事前端工作的人,对框架都会有一定的见解。为了...

    http://dtop.powereasy.net/Item/2367.aspx
  • 24个很酷的 CSS3 文本效果示例及教程

    CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。今天这篇文章收集了24个很棒的 CSS3 文本效果示例及教程分享给大家。 Text with Moving Backgrounds Flashlight (Works in Safari only) CSS3 Text Masking Effect Tilt-...

    http://dtop.powereasy.net/Item/238.aspx
  • 让IE浏览器支持CSS3圆角属性的方法

    自己通常的做法都是做成背景图,但眼看这是纯色的背景加个简单的圆角实在没有这个必要去用一张图实现,于是想怎么去实现它好呢?   大概大家都想到用CSS3,不过除了IE9以上版本外,IE其他版本都css3.0的兼容性不是那么的好。于是网上搜了一下解决办法,如下(下面内容为引用源文章内容):   如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本...

    http://dtop.powereasy.net/Item/1382.aspx
  • 减少系统资源占用的15个CSS常识

    就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。 4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,有待仔细考证。 5、样式放头上,脚本放脚下。不内嵌,只外链。 6、坚决不用 CSS 表达式。 7、使用引用样式表,而...

    http://dtop.powereasy.net/Item/116.aspx
  • [转]CSS自定义滚动条样式

    滚动条的鼠标手势。 这里,很久以前danger做了个基于Flash的可视化工具,简单但是好用: 选中CSS选项即可自动生成CSS样式,这里不再过多的介绍了。嗯,多谢大猫老师推荐。 ...简单的demo: 不过,webkit不再是用简单的几个CSS属性,而是一坨的CSS伪元素: ::-webkit-scrollbar 滚动条整体部分 ::-webkit-...

    http://dtop.powereasy.net/Item/106.aspx
  • [转]CSS清除浮动常用方法小结

    常用的清除浮动的方法有以下三种: 此为未清除浮动源代码,运行代码无法查看到父级元素浅黄色背景。 <style type=”text/css”> <!&...浮动方法如下: 1、使用空标签清除浮动。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动,并为其定义CSS代码:clear:both。此方法的弊端在于增加了无意义的结构...

    http://dtop.powereasy.net/Item/230.aspx
  • css:box-shadow的发光效果

    属性来做到这样的效果。 CSS代码如下: input { transition: all 0.30s ease-in-out; -webkit-transition: ...CSS代码如下: input { transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-...

    http://dtop.powereasy.net/Item/139.aspx