📜  基础 CSS 厨房水槽工具提示

📅  最后修改于: 2022-05-13 01:56:17.994000             🧑  作者: Mango

基础 CSS 厨房水槽工具提示

Foundation CSS是 CSS 的前端框架,用于构建可在任何设备上完美运行的响应式网站、应用程序和电子邮件。它使用 HTML、CSS 和 Javascript 编写,并被许多著名公司使用,如 Amazon、Facebook、eBay 等。它使用 Grunt 和 Libsass 等包进行快速编码和控制,并使用 Saas 编译器加快开发速度。

Kitchen Sink具有在网站和应用程序中工作的元素。工具提示是当我们将鼠标悬停在链接上时显示一些消息的小对话框。当我们想在某些链接悬停时显示一些重要消息时,我们可以借助工具提示来做到这一点。

基础 CSS 厨房水槽工具提示类:

  • has-tip:当我们将鼠标悬停在链接上时,它用于为要显示的文本创建一个弹出框。

句法:


          ...

示例 1:

HTML


  

    Foundation CSS Kitchen Sink Tooltip
    
    
    

  

    

        GeeksforGeeks     

    

Foundation CSS Kitchen Sink Tooltip

    

A Computer Science portal for          geeks.          It contains well written, well thought and well         explained computer science and programming articles

          


HTML


  

    
    
    

  

    

        GeeksforGeeks     

    

Foundation CSS Kitchen Sink Tooltip

       

A Computer Science portal for        geeks.         It contains well written, well thought and well         explained computer science and programming articles

                                             GeeksforGeeks                      


输出:

基础 CSS 厨房水槽工具提示

基础 CSS 厨房水槽工具提示

示例 2:

HTML



  

    
    
    

  

    

        GeeksforGeeks     

    

Foundation CSS Kitchen Sink Tooltip

       

A Computer Science portal for        geeks.         It contains well written, well thought and well         explained computer science and programming articles

                                             GeeksforGeeks                      

输出:

基础 CSS 厨房水槽工具提示

基础 CSS 厨房水槽工具提示

参考:https://get.foundation/sites/docs/kitchen-sink.html#tooltip