当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS的私有属性小结(针对FireFox浏览器)

CSS样式表
让图片 div居中实现代码
去掉点击链接时周围的虚线框outline属性
CSS 优先级 详细分析
广告始终定位到网页右下角 css
superLink 让伪链接更有可用性
CSS 模块化 实现方法
css 选择器 介绍
CSS 语法 学习css入门者看
firefox 滚动条消失引起页面抖动的问题
纯CSS定位的固定垂直居中浮动层代码,附经典解说 《详解定位与定位应用》
渲染CSS选择器
CSS 兼容问题
css textarea 高度自适应,无滚动条
CSS 网页表单实现鼠标悬停交互效果
鼠标激活显示背景色网页特效CSS代码
CSS制作用户登录和用户注册的用户体验表单
CSS代码 注释的3种方法
网页头部css代码优化实例
IE7和IE8的兼容性问题
CSS 网页布局网页制作技巧总结

CSS样式表 中的 CSS的私有属性小结(针对FireFox浏览器)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-09   浏览: 127 ::
收藏到网摘: n/a

FF中CSS的私有属性小结


  有时..有些东西FF 总是支持不好…….
  只能找私有属性来帮忙….
  例子还米做…
  因为太多太不了解了…
  等理解得差不多时搞成本电子书.
  虽然这些不推荐使用,
  可是万不得以的时候总得有个解决的方法..



At-rules
 @-moz-document url(http://www.w3.org/),
url-prefix(http://www.w3.org/Style/),
domain(ruanchen.com){
div{color:red;}
}

  url是指定样式在哪里网址下可以用,url-prefix是指定样式在哪个目录下,domain是指定样式在哪里玉米下有用,用“,”可以使用多个。如 domain(ruanchen.com) 可以在www.ruanchen.com, *.ruanchen.com 下使用, 而如果是 domain(www.ruanchen.com) 的话.就只能在 www.ruanchen.com使用。

Pseudo-elements and pseudo-classes 伪类与伪对象
  :-moz- 系列的还没理解清楚.不知道是不是只应用在xul上的..

Properties 属性

 moz-appearance: appearance value 
直接定义外观 (测试无结果..) 
-moz-binding: uri | none ; 
链接XBL 跟HTC很像的东东.. 
-moz-background-clip: border | padding ; 
背景色原点是否包括 border, 值padding 表示不包括 ,对应CSS3 background-clip 
-moz-background-inline-policy: bounding-box | continuous | each-box 
内联背景渲染的方式  
-moz-background-origin: border | padding | content 
背景图原点 会根据 background-position 给边或者内容相反渲染.
对应CSS3 background-origin 
-moz-border-top-colors:[color | transparent,]* color | transparent ; -moz-border-right-colors,-moz-border-bottom-colors,-moz-left-right-colors 
给 border 定义多个颜色 从外到里..每个只有 1px,最后一个填满余下的 border,这个 border-style 也会变成 solid
没默认.无继承,可用于所有元素 
-moz-border-radius: border-radius {1,4} | inherit 
定义圆角 可以单独定义 -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft, -moz-border-radius-topright 
-moz-box-align: start | center | end | baseline | stretch 
定义内容的位置 ,只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素 
-moz-box-direction: normal | reverse 
定义内容的相反方向, 类如direction, 只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素 
-moz-box-flex: number 
还不明.测试无结果. 只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素 
-moz-box-ordinal-group 
官方未说明 
-moz-box-orient: horizontal | vertical 
还不明.测试无结果. 只能用于display的值是 -moz-box 或者是 -moz-inline-box 的元素 
-moz-box-pack: start | center | end | justify 
定义内容方向,(justify 无效),如类 text-algin ,只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素 
-moz-box-sizing: content-box | border-box | padding-box 
border 与 padding 是不要计算就 width/height 里面 
-moz-image-region: rect(top, right, bottom, left); 
等整理… 
-moz-key-equivalent 
官方未说明 
-moz-opacity:number | inherit ; 
透明度…同CSS3的opacity 同时定义不叠加. 
-moz-outline: [-moz-outline-color || -moz-outline-style || -moz-outline-width | inherit ] ; 
外的线条轮廓 同CSS3的outline 同时支持 -moz-outline-radius (圆角) 

Values 属性值
cursor:-moz-alias | -moz-cell | -moz-context-menu | -moz-copy | -moz-grab | -moz-grabbing | -moz-spinning | -moz-zoom-in |-moz-zoom-out 
定义鼠标样式..有些我测试跟官方的不一样..我测试的在后面的小框里面


display: -moz-box | -moz-inline-block | -moz-inline-box | -moz-inline-grid | -moz-inline-stack | -moz-inline-table | -moz-grid | -moz-grid-group | -moz-grid-line | -moz-groupbox | -moz-deck | -moz-popup | -moz-stack | -moz-run-in | -moz-compact | -moz-marker 
display的一些…对应说明等添加 
overflow: | -moz-scrollbars-horizontal | -moz-scrollbars-none | -moz-scrollbars-vertical | -moz-hidden-unscrollable 
overflow的一些…对应说明等添加 
还有好多…..等了解了再添加…

资料来源:
CSS_Reference:Mozilla_Extensions Mozilla_CSS_Extensions