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

CSS样式表
CSS网页布局中文排版的9则技巧
剖析网站的布局实例以及如何对其黄金分割
Float菜单水平居中简单方法
CSS网页制作教程:网页中常用的web安全字体
CSS网页制作教程:字体单位em简介
CSS网页制作:浮动清除的新方法
收集分享的3个讲解css及标签的视频
CSS网页制作技巧:节约网页代码编写时间
收集的6个关注CSS3的国外网站
CSS实例教程:reflow
CSS教程:需要知道的CSS3动画技术
快速实时编辑网页代码的FireFOX和IE插件
在IE6,IE7下变通实现pre-wrap
CSS圆角框进行JS封装
CSS教程:Mozilla建议的css书写顺序
基于链接关系的微格式:使用rel属性
非常酷的微格式:XFN规范
为网页内容添加结构和语义的hAtom微格式
网页简历结构和语义信息:hResume微格式
hCalendar微格式:关于事件和基于时间或地点的活动

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-09   浏览: 54 ::
收藏到网摘: 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