新课速递《这样学HTML最简单》

2024-05-22 12:53:06 72

新课速递

我们又双叒叕发布新课啦！《这样学HTML最简单》

为什么要发布这个课呢？有如下几个原因：

下面安排两节课，大家自己体会一下。

下载地址：https://code.visualstudio.com/安装非常简单一路下一步就搞定了，这里不再赘述。

在html编辑器中，右键单击，选择PreviewHTML，或者使用快捷键Ctrl+Shift+V实时预览。

Emmet是一个web开发工具，可以极大的提高html和css的编写效率。官方网站：https://docs.emmet.io/

子元素>

div>ul>li

<div>
<ul>
<li></li>
</ul>
</div>

兄弟元素+

div+p+bq

<div></div>
<p></p>
<blockquote></blockquote>

跳出嵌套子元素^

div+div>p>span+em^bq

<div></div>
<div>
<p><span></span><em></em></p>
<blockquote></blockquote>
</div>

多次重复*

ul>li*5

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

分组()

div>(header>ul>li*2>a)+footer>p

<div>
<header>
<ul>
<li><ahref=""></a></li>
<li><ahref=""></a></li>
</ul>
</header>
<footer>
<p></p>
</footer>
</div>

属性操作id和class

div#header+div.page+div#footer.class1.class2.class3

<divid="header"></div>
<div class="page"></div>
<divid="footer"class="class1class2class3"></div>

语法：elem#idelem.class

原文链接：