2020-07-17 html的两个class + css的@media print + JS的模拟右键复制粘贴 + 软技能的巴拉巴拉

2020-07-17 题目来源：http://www.h-camel.com/index.html

[html] 如果一个标签元素同时出现两个class属性，两个class都会生效吗？为什么？

如果同一个标签元素同时具有两个class属性，有两种情况：
1. 如果这两个class约束的样式不同，那么都会生效；
2. 如果这两个class约束的样式有相同的部分，会以标签中书写class的顺序为准，后书写的样式会覆盖之前的；

在样式使用的时候还有特殊的情况，那就是在通配符中书写的样式，以及属性继承问题 
*{ font-size: 12px; }
.parent{ font-size: 30px; }
.sub{ color: purple; }
<div class="parent">这里元素字体大小为30px
    <p class="sub">这里元素的字体大小为12px 颜色为紫色</p>
    <span>这里元素的字体大小为12px 即使没有class来约束</span>
</div>

[css] @media print可以用来控制web打印样式吗？

打印属性，page-break-inside|after|before 用于在特定位置插入分页符，注意不能在绝对定位中使用， 避免在表格、浮动、带有边框的块级元素中使用。
1. h1 { page-break-before : always; } h1标签之前插入分页符
2. @media print {
        pre, blockquote {page-break-inside: avoid;} /* 禁止在pre blockquote 标签中使用分页 */
    } 
3. @media print {
        footer {page-break-after: always;} /* 在footer标签之后，总是插入分页符 */
    }

[js] 你能用js模拟出右键的复制和粘贴功能吗？如果可以说下是如何操作的？如果不可以请说明下理由

https://www.cnblogs.com/shizhouyu/p/4241356.html

[软技能] 说说你对男程序员的看法

我就是男程序员，how to see