CSS的元素显示模式转换

1️⃣元素显示模式转换:

特殊情况下，我们需要元素模式的转换，简单理解：一个模式的元素需要另外一种模式的特征。比如想要增加链接 a 的触发范围

  • 转换为块元素：display:block;
  • 转换为行内元素：display:inline;
  • 转换为行内块： display:inline-block;
    •

    下面是小例：

    小例：转换为块元素 小例：把行内元素a 转换为 块元素
    我是块级元素
    把 div 块级元素转换为行内元素
    行内元素转换为行内块元素 行内元素转换为行内块元素

    2️⃣一个小工具的使用：(snipaste)

    snipaste是一个简单但强大的截图工具，也可以让你将截图贴回到屏幕上。

    常用快捷方式：
    1. F1可以截图，同时测量大小，设置箭头 书写文字等...
    2. F3在桌面置顶显示
    3. 点击图片， alt 可以取色 （按下shift可以切换取色模式）
    4. 按下 esc 取消图片显示
    snipaste官网

    返回标题