web_web参考手册/web参考文档

文章目录

• web技术参考文档/教程
• • 优秀文档示例
  • 通用型
  • 参考型文档
  • 教程类文档:
• MDN
• • 了解MDN描述css语法所用的符号
  • web相关教程(由MDN提供)
  • MDN网站排版:内容大纲和相关话题大纲
  • • • 面包屑导航
      • table of contents
      • related Topics 不同知识点的跳转
  • html/css查询属性信息/查询取值标准
  • • css常识
    • • 查看属性信息
      • 查看取值约定
    • table of content 常用部分:
    • 网页文件(工程)组织规范

web技术参考文档/教程

个人喜好

• 带有图解的文档更受欢迎
  • 对基本概念进行可能的图解更好
• 带有丰富示例的文档更受欢迎
• 对示例代码和效果进行解释的文档更受欢迎
• 概念描述得通俗易懂,更受欢迎
• 包含最佳实践tips的文档更受欢迎

---

优秀文档示例

• A Complete Guide to Grid | CSS-Tricks - CSS-Tricks

通用型

• google/bing国际版 引擎
  • 搜索效率高,可以综合以下所有网站的内容
  • 排在前2的结果一般是MDN/W3School,有时这不能够让人满意,不过一般前十个结果中总是有详细的内容能够满足需要,可能来自包括但不限于以下网站中的内容
  • 

---

参考型文档

• MDN Web Docs (mozilla.org)
• World Wide Web Consortium (W3C)

  • 

• Quackit Tutorials
  • (可以补充MDN)

教程类文档:

• W3Schools Online Web Tutorials
  • 提供了不限于web技术的教程
  • 某些时候提供比MDN更加易懂的解释和示例
  • 一般解释的还不是很透彻
• Welcome to Web Platform Docs · WebPlatform Docs

  • 该文档似乎没有提供搜索框,可以借助搜索引擎来搜索关键字内容

  • 

• Guides Archive - CSS-Tricks Archive - CSS-Tricks
• CSS Reference - A free visual guide to CSS

• GeeksforGeeks | A computer science portal for geeks

  • 

MDN

• 提供的教程详细程度适中,经常需要借助google来获取更加通俗易懂的解释
• 可以当作字典来搜索欲查询内容:
  

了解MDN描述css语法所用的符号

CSS属性值定义语法 - CSS（层叠样式表）

web相关教程(由MDN提供)

https://developer.mozilla.org/zh-CN/docs/Web/Tutorials

MDN网站排版:内容大纲和相关话题大纲

面包屑导航

• 首行表示当前内容在教程的那个章节位置

table of contents

• 本提供页面概览和锚点跳转

related Topics 不同知识点的跳转

(私以为网站布局设计的不如google/microsoft的好,和python文档的毛病一样)

html/css查询属性信息/查询取值标准

css常识

• 值与单位
• 在CSS中调整大小

查看属性信息

• 无尖括号的属性
  • 

查看取值约定

• 带尖括号的取值
  • 

table of content 常用部分:

• 对于复杂属性:
  • 成分属性
  • 
• 初学的时候,不写速记属性,而写成分属性可能会更加友好一些!

网页文件(工程)组织规范

intruduction