阮一峰的HTML教程
格式化代码
安装 prettier
设置自动格式化 File -> Preference -> settings -> auto save（搜索） -> onFocusChange -> format on save（勾选）
HTML起手式
Emmet 感叹号
DOCTYPE（文档类型） lang（语言）zh-CN（中文） charset="UTF-8"
默认样式
- 怎么看默认样式 Chrome开发者工具（F12） Elements -> Styles -> user agent stylesheet
- User Agent
CSS reset
<style> //清楚默认样式
*{margin: 0;padding: 0;box-sizing: border-box;}
*::after, *::before{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight: normal;} // 修改标题样式
a{color: inhert; text-decoration: none;} //修改a标签样式
ul, ol {list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}
</style>
<style> //业务样式
h1{font-size: 48px;}
h2{font-size: 36px;}
</style>
内容标签
- ol + li （ol：ordered list；li：list item）
- ul + li （ul：unordered list）
- dl + dt + dd （dl：description list；dt：des~ term）
- pre （还原输入形式）
- hr （分割线）
- br （换行）
- a （超链接）
- em （语气强调）
- strong （本质重要）
- code （等宽）
- quote （行内引用）
- blockquote （块级引用）
