style 标签里，[class="属性名 属性名"]，会把一个以上属性名当成一个整体，[class=属性名]，如果 class 不止一个属性名，就不会出效果。
contenteditable，加在标签里，可直接编辑标签里的文字。
使 style 标签被看见（这是一个非常好用的调试技巧）
style 标签也是标签，理论上可以被看见。步骤：
- 把 style 标签放在 body 标签里，
- 给 style 标签加 display:block，
- 在 style 标签里加 contenteditable，用户可以直接在文档里编辑 css，修改文档样式。这是一个非常好用的调试技巧
hidden，加在标签里快速让一个东西看不见。它可以用 display:block 挽回。
id，不到万不得已，不要用 id。新手不要用 id，css 里不要用 id，js 里不要用 id。
style，js 样式高于 html 内联样式高于 css 样式（js 样式会覆盖掉其它所有样式）。
tabindex，用来控制 tab 的顺序。tabindex=x（数字），正序按顺序访问，0 最后一个访问，-1 代表不要访问我。
white-space：nowrap;（文字不要换行） overflow:hidden;（溢出隐藏） text-overflow:ellipsis;（省略的部分用省略号表示）
title，鼠标停在元素内容上，会浮现出 title 的内容，一般用来显示完整内容。
怎么看 html 默认样式？步骤：
- Chrome 开发者工具
- Elements->Styles->user agent stylesheet
User Agent，就是浏览器
CSS reset，
默认样式已经不符合我们的需求，把默认样式干掉，就叫 CSS reset。
inherit，继承。 a{color:inherit}，当前的文字是什么色，a 标签文字就是什么色，不要变色。 font：inherit，外面是什么字体，我就是什么字体。
table{ border-collapse:collapse; border-spacing:0; } 这是 table 的 reset 设置，第一行是使 table 的 border 合并在一起，第二行和第一行一样的功能，只是可能 IE 浏览器不认第一行。
内容标签
-
ol+li(ordered list+list item),表示有顺序的列表+列表中的每一项，ol 里面不能含有除了 li 之外的子元素。
-
ul+li(unorderde list+list item),表示无顺序的列表+列表中的每一项。
-
dl+dt+dd(description list+description term+description data),描述列表+被描述对象+描述的内容。
-
pre。pre 标签的用法：html 里，多个连续的空格或 tab、回车，会被缩成一个空格，如果你想保留空格、回车、 tab，你就用 pre 标签包裹内容。
-
code,等宽的意思。用 pre 包裹 code，可以在页面展示 js 代码。
-
hr,水平分隔线。
-
br(break),意思是中断这一行，让后面的内容变为第二行，用在想要换行的地方。
-
em，强调的意思（语气的强调），默认样式是斜体。
-
strong，重要的意思（本身很重要，本质的强调），默认样式是加粗。
-
quote，内联的引用。
-
blockquote，块级的引用（会换行缩进）。
