HTML标签基本操作

开发工具与关键技术:Adobe Dreamweaver CC 2017,CSS 
作者:谢天林 
撰写时间:2019年01月27日

在书写代码时,我们可以应用一些小技巧来加快我们的书写速度,就比如HTML中的标签书写。

我们可以用一些快捷符号来快速书写标签格式。

示例 示例说明
.box 选择所有class="box"的元素
#box 选择所有id="box"的元素
p 选择所有<p>元素
div,p 选择所有<div>元素和<p>元素
div p 选择<div>元素内的所有<p>元素
div>p 选择所有父级是<div>元素的<p> 元素
Div+p 选择所有紧接着<div>元素之后的<p>元素
* 选择所有元素
  1. 书写类名为fly的div如下:
    在这里插入图片描述
    然后按下tab键:
    在这里插入图片描述
  2. 书写ID名为fly的div如下:
    在这里插入图片描述
    然后按下tab键:
    在这里插入图片描述
  3. 书写类名为fly的div里面包裹着p标签,a标签和i标签:
    在这里插入图片描述
    然后按下tab键:
    在这里插入图片描述
  4. 书写ID为fly的div和p标签,a标签,i标签同级关系:
    在这里插入图片描述
    然后按下tab键:
    在这里插入图片描述
  5. 书写ID为fly的div里有三个p标签:
    在这里插入图片描述
    然后按下tab键:
    在这里插入图片描述

如有错漏,感谢纠正!

猜你喜欢

转载自blog.csdn.net/weixin_44538322/article/details/87880347
今日推荐