CSS学习笔记六---元素显示类型

本文是关于CSS中元素显示类型的总结,包括块元素(display:block和list-item)、行内元素(display:inline)和行内块元素(display:inline-block)的特点。同时介绍了如何利用display:none实现隐藏功能,特别地,通过实例展示了如何创建二级菜单,并提到了在多级嵌套时使用子代选择器如.item>ul等的注意事项。
摘要由CSDN通过智能技术生成

一:知识点

1:元素显示类型总结

 2:块元素拥有一个默认元素设置:

        display:block;

        display:list-item;

3:用p标签的时候,可以放文本,不能嵌套块元素

4:行内元素默认元素设置:

        display:inline;

如果给其他元素加上这个设置,也会变为行内元素。

5:行内块元素默认元素设置:

        display:inline-block;

6:行内元素(span等),只能设置边距的左右,不能设置上下边距。

7:行内块、块元素支持边距上下左右设置。

8:隐藏功能,默认隐藏起来,加触发条件(例如鼠标放上去、点击等),才会显示出来,可以用来写二级菜单

        display:none;

二:二级菜单案例:

<!DOCTYPE html>
<html lang="en"&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值