今日学习进度;
第一天 | 第二天 | 第三天 | 第四天 | 第五天 | |
所花时间(小时) | 3 | 4.5 | |||
代码量(行) | 500 | 400 | |||
博客量(篇) | 1 | 1 | |||
了解到的知识点 | 顶会热词分析5 | 顶会热词分析6 |
今天是协议个热词可视化的界面:(形成热词云)
style.css编写
* { box-sizing: border-box; } .subbox table { text-align: center; border-spacing: 0; color: #333; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); table-layout:fixed; WORD-BREAK:break-all; } .subbox td { padding: 8px 16px; font-size: 14px; border-bottom: 1px solid #f4f4f4; } .subbox th { padding: 16px; } .subbox img { 40px; border-radius: 50%; } .subbox tr:last-child > td { border: 0; } .subbox tbody > tr:hover { background-color: rgba(221, 221, 221, 0.2); } .subbox thead { text-transform: uppercase; font-size: 12px; background-color: #ffe4e6; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.4); } .option { display: inline-block; padding: 5px 10px; background-color: #ffe4e6; border-radius: 4px; margin-right: 15px; } .name { min- 110px; display: inline-block; } .comment { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max- 300px; display: inline-block; } .option.is-blue { background-color: #bceefd; } .option.is-orange { background-color: #c0c0c0; } .option.is-purple { background-color: #e9cbff; } .option.is-green { background-color: #bef1a9; }