HTML标签基本操作

撰写日期: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键:
    在这里插入图片描述

如有错漏,感谢纠正!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值