VSCode如何快速生成HTML
在使用VSCode编写HTML的时候，我们都想快速的生成HTML结构，下面小编教大家如何快速生成HTML结构。
工具/原料
- 首先打开VSCode软件，新建一个HTML文档，如下图所示
- 然后输入一个叹号，点击第一个选项，如下图所示
- 接着就快速的生成了一个HTML结构了，如下图所示
- 如果输入叹号选择第二个选项只会生成头部标识，如下图所示
- 另外输入叹号也可以直接按tab键快速生成，如下图所示
- 最后注意叹号一定是英文字符的，不能是中文的叹号，如下图所示
总结
- 打开VSCode软件，新建一个HTML文档
- 输入一个叹号，点击第一个选项
- 就快速的生成了一个HTML结构了
- 输入叹号选择第二个选项只会生成头部标识
- 输入叹号也可以直接按tab键快速生成
- 注意叹号一定是英文字符的，不能是中文的叹号
css中style的匹配一根有3中方式分别是
- 在标签里加 style=“*******”语句
- 在任何位置添加【style】*********【/stylr】
- 用link链接外部css样式
为元素添匹配样式有6中方法
- 在style标签里加入* {************}是全局属性
- p {**************}为某个标签添加属性
- .st2 {***************}是用class=“st1”匹配样式
- #st2 {***************}是用id=“st2”匹配样式
- p.content {************}是给p标签里有class=“content”的标签匹配样式
- p#content {************}是给p标签里有id=“content”的标签匹配样式
3种选择器
- 并集选择器：a,q,cite用逗号分开,这几个元素用用一款样式
- 后代选择器：body li strong用空格分开，body里面的li里面的strong用这种样式
- 子元素选择器：li > em用大于号分开，li里面的em用这种样式
- 相邻兄弟选择器：.strong + li用加号分开，strong后面挨着的li用这种样式
- 通用兄弟选择器：.abc ~ li用~号分开，abc后面的所有li都用这种样式