Maison >interface Web >tutoriel HTML >CSS3中文手册基础知识_html/css_WEB-ITnose

CSS3中文手册基础知识_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:21:251237parcourir

CSS3手册是学习CSS3的最佳文档,不管是自己写博客,还是买书,手册少不了。今天我给大家介绍一些CSS3有哪些分类及其使用。

具体参考:http://caibaojian.com/css3/ 上来进行以下整理。

从左侧我们可以清晰的看到文档分为了几大类:

  1. 属性 Properties(http://caibaojian.com/css3/properties/index.htm)

  2. 选择符 Selectors(http://caibaojian.com/css3/selectors/index.htm)

  3. 语法与规则 Rules(http://caibaojian.com/css3/rules/index.htm)

  4. 取值与单位 Values and Units (http://caibaojian.com/css3/values/index.htm)

  5. 附录 Appendix

  6. CSS Hack

  7. 问题和经验

  8. 关于CSS手册

当然最重要的还是第一跟第二。

属性里又分成小类:

  1. 定位(Positioning)

  2. 布局(Layout)

  3. 尺寸(Dimension)

  4. 外补白(Margin)

  5. 内补白(Padding)

  6. 边框(Border)

  7. 背景(Background)

  8. 颜色(Color)

  9. 字体(Font)

  10. 文本(Text)

  11. 文本装饰(Text Decoration)

  12. 书写模式(Writing Modes)

  13. 列表(List)

  14. 表格(Table)

  15. 内容(Content)

  16. 用户界面(User Interface)

  17. 多列(Multi-column)

  18. 伸缩盒(Flexible Box)(旧)

  19. 伸缩盒(Flexible Box)(新)

  20. 变换(Transform)

  21. 过渡(Transition)

  22. 动画(Animation)

  23. 打印(Printing)

  24. 媒体查询(Media Queries)

  25. Only IE

  26. Only Firefox

  27. Only webkit

选择符分类:

  1. 元素选择符

  2. 关系选择符

  3. 属性选择符

  4. 伪类选择符

  5. 伪对象选择符

语法与规则分类:

  • !important

  • /*comment*/

  • @import

  • @charset

  • @media

  • @font-face

  • @page

  • @keyframes

  • 取值与单位:

  • 长度(Length)

  • 角度(Angle)

  • 时间(Time)

  • 频率(Frequency)

  • 布局(Layout-specific)

  • 分辨率(Resolution)

  • 颜色(Color)

  • 文本(Textual)

  • 函数(Functional)

  • 图像(Image)

  • 数字(Numeric)

  • 另外作者还给出了许多有用的经验和bug的解决方案。欢迎收藏本手册,有更新有随时跟进。http://caibaojian.com/css3/

    Déclaration:
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn