├── .DS_Store ├── css3 ├── box-sizing.html ├── flex.html ├── selector.html └── webapp-layout.pptx ├── html5 ├── article.html ├── datalist.html ├── details.html ├── figure.html ├── form.html ├── getting-started.html ├── global-properties.html ├── keygen.html ├── output.html ├── progress.html ├── ruby.html ├── sample.html └── test.xml ├── markdown ├── # HTML5.md └── .DS_Store └── 好程序员12-开篇.pptx /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lurongtao/gp12-html5-css3/3cc76f10d08a88d538f6ab23ac27c74c4da16a7a/.DS_Store -------------------------------------------------------------------------------- /css3/box-sizing.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 27 | 28 | 29 |
30 | A 31 |
32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /css3/flex.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 63 | 64 | 65 |
66 |
header
67 |
68 | 80 |
81 |
82 | content 83 |
84 | 85 |
86 | 87 | -------------------------------------------------------------------------------- /css3/selector.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 59 | 60 | 61 | 84 | 85 | -------------------------------------------------------------------------------- /css3/webapp-layout.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lurongtao/gp12-html5-css3/3cc76f10d08a88d538f6ab23ac27c74c4da16a7a/css3/webapp-layout.pptx -------------------------------------------------------------------------------- /html5/article.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 |
12 |

article元素使用方法

13 |

发表日期：

14 |
15 |

article元素是什么？怎样使用article元素？……

16 |
17 |

评论

18 |
19 |
20 |

发表者：Felixlu

21 |

22 |
23 |

这篇文章很不错啊，顶一下！

24 |
25 |
26 |
27 |

发表者：神秘唯一

28 |

29 |
30 |

这篇文章很不错啊，对article解释的很详细

31 |
32 |
33 |
34 | 35 | -------------------------------------------------------------------------------- /html5/datalist.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 16 | 17 | -------------------------------------------------------------------------------- /html5/details.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | details & summary 8 | 72 | 73 | 74 |
75 |
76 | 商品管理 77 |
78 | 82 |
83 |
84 |
85 | 品牌管理 86 |
87 | 91 |
92 |
93 |
94 | 分类管理 95 |
96 | 100 |
101 | 102 | -------------------------------------------------------------------------------- /html5/figure.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 13 | 14 | 15 |
16 | 17 |

PASSIONATEJULIA

18 | 23 |
24 |

Do not forget to buy milk today.

25 | 26 | -------------------------------------------------------------------------------- /html5/form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 | 12 | Points: 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /html5/getting-started.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 模板 8 | 9 | 10 | hello 11 | 12 | -------------------------------------------------------------------------------- /html5/global-properties.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 |
23 | 34 | 35 | -------------------------------------------------------------------------------- /html5/keygen.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 | Username: 12 | Encryption: 13 | 14 |
15 | 16 | -------------------------------------------------------------------------------- /html5/output.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | output 8 | 9 | 10 | 11 |
12 | 0 13 | 14 | 100 15 | + 16 | = 17 | 18 | 19 |
20 | 21 | 22 | 23 | 37 | 38 | -------------------------------------------------------------------------------- /html5/progress.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 25 | 26 | 27 | 28 | 33 | 34 | -------------------------------------------------------------------------------- /html5/ruby.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 千锋教育 12 | ( 13 | qian feng jiao yu 14 | ) 15 | 16 | 17 | -------------------------------------------------------------------------------- /html5/sample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | article, section, header, main, footer, nav, aside 8 | 55 | 56 | 57 |
58 |
首页
59 |
60 |
61 |
62 |

Title

63 |

64 | 65 |

我们在每天早上 开始营业。

66 |

我在 有个约会。

67 | 68 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia voluptatem explicabo repudiandae in ad recusandae error maiores laborum modi quis natus, reprehenderit, voluptates animi debitis tenetur maxime amet alias nesciunt!

69 |
70 |
71 |

Title

72 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia voluptatem explicabo repudiandae in ad recusandae error maiores laborum modi quis natus, reprehenderit, voluptates animi debitis tenetur maxime amet alias nesciunt!

73 |
74 |
75 |

Title

76 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia voluptatem explicabo repudiandae in ad recusandae error maiores laborum modi quis natus, reprehenderit, voluptates animi debitis tenetur maxime amet alias nesciunt!

77 |
78 |
79 |

Title

80 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia voluptatem explicabo repudiandae in ad recusandae error maiores laborum modi quis natus, reprehenderit, voluptates animi debitis tenetur maxime amet alias nesciunt!

81 | 十分之三 82 | 60% 83 |
84 |
85 |
86 | 95 |
96 | 102 | 107 | 108 | -------------------------------------------------------------------------------- /html5/test.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 张卓 5 | 6 | 7 | -------------------------------------------------------------------------------- /markdown/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lurongtao/gp12-html5-css3/3cc76f10d08a88d538f6ab23ac27c74c4da16a7a/markdown/.DS_Store -------------------------------------------------------------------------------- /好程序员12-开篇.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lurongtao/gp12-html5-css3/3cc76f10d08a88d538f6ab23ac27c74c4da16a7a/好程序员12-开篇.pptx --------------------------------------------------------------------------------