Table, table download

Table, table download

As follows:

The Code is as follows:

<! DOCTYPE html> 
Some may ask why the th element needs to set the attribute scope and abbr values, because the screen reader uses this attribute, which partially solves the adaptability problem of the device.
Previously, I always thought that th elements can only be contained in thead elements. In fact, they can also be nested in tfoot and tbody elements, however, this requires you to set the scope value of the attribute of th element to row, indicating that the scope of this th element is a row rather than a column.
In the CSS style section, the style related to the font is simplified and looks much more refreshed than before. However, whether the rendering efficiency has been improved remains to be verified.
Many CSS 3 styles need to take into account browser compatibility issues. Many times we need to hand-Write-moz-,-webkit-, and so on. Fortunately, there are tools for automatically adding prefixes, such as Autoprefix.