zoukankan      html  css  js  c++  java
  • 【295】暗黑表格模板及相关

    目录:

    一、表格显示及源码

    二、表格内部代码

    三、链接换颜色适应黑色背景


    一、表格显示及源码

      效果如下所示:

    序号 类名称  

    功能说明

      语法 & 举例
    01 Open()  

    ====<<<< Description >>>>====

    用于打开一个文件,创建一个对象,相关的方法才可以调用它进行读写。
    ----------------------------------------------------------------------------------

    ====<<<< Syntax >>>>====

    open (name[, mode[, buffering]])
    ----------------------------------------------------------------------------------

    ====<<<< Return Value >>>>====

    返回值为...
    ----------------------------------------------------------------------------------

    ====<<<< Parameters >>>>====

    ◈  name:一个包含了你要访问的文件名称的字符串值。
    ----------------------------------------------------------------------------------

    ====<<<< References >>>>====

    参考:python文件打开方式详解——a、a+、r+、w+区别

       
               

    源代码如下:

    <table style="border-style: solid; border-color: #ffffff; border- 5px; background-color: #ffffff;  1097px;" border="5" cellspacing="1" cellpadding="1">
    <tbody>
    <tr style="background-color: #9999ff;">
    <td style="border-style: solid; text-align: center; border-color: #ffffff;  50px; border- 3px; background-color: #9999ff;"><span style="font-size: 15px; font-family: Georgia;"><strong>序号</strong></span></td>
    <td style="border-style: solid; text-align: center; border-color: #ffffff;  40px; border- 3px;"><span style="font-size: 15px; font-family: Georgia;"><strong>类名称</strong></span></td>
    <td style="border-style: solid none; text-align: center; border-color: #ffffff;  5px; border- 3px;"><span style="font-family: Georgia; font-size: 15px;">&nbsp;</span></td>
    <td style="border-style: solid none; border-color: #ffffff;  350px; border- 3px; text-align: left;">
    <p style="text-align: center;"><span style="font-size: 15px; font-family: Georgia;"><strong>功能说明</strong></span></p>
    </td>
    <td style="border-style: solid none; border-color: #ffffff;  5px; border- 3px; text-align: left;"><span style="font-family: Georgia; font-size: 15px;">&nbsp;</span></td>
    <td style="border-style: solid none; border-color: #ffffff;  380px; border- 3px; text-align: center;"><span style="font-size: 15px; font-family: Georgia;"><strong>语法 &amp; 举例</strong></span></td>
    </tr>
    <tr style="background-color: #99ffcc;">
    <td style="border-style: solid; text-align: center; border-color: #ffffff;  50px; border- 3px; background-color: #9999ff;"><strong><span style="font-size: 16px;">01 </span></strong></td>
    <td style="border-style: solid; text-align: center; border-color: #ffffff;  40px; border- 3px; background-color: #ffc97a;"><span style="font-size: 16px;">Open()</span></td>
    <td style="border-style: solid none; text-align: center; border-color: #ffffff;  5px; border- 3px; background-color: #333333;"><span style="font-family: Georgia;">&nbsp;</span></td>
    <td style="border-style: solid none; border-color: #ffffff;  350px; border- 3px; text-align: left; background-color: #333333;">
    <p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">====&lt;&lt;&lt;&lt;</span> <span style="color: #cc99ff;"><strong>Description</strong> </span><span style="color: #ffcc00;">&gt;&gt;&gt;&gt;====</span><br /></span></p>
    <p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;">用于打开一个文件,创建一个对象,相关的方法才可以调用它进行读写。<br /><span style="color: #ffcc00;">----------------------------------------------------------------------------------</span><br /></span></p>
    <p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">====&lt;&lt;&lt;&lt;</span> <span style="color: #cc99ff;"><strong>Syntax</strong> </span><span style="color: #ffcc00;">&gt;&gt;&gt;&gt;====</span><br /></span></p>
    <p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ff99cc;"><strong>open </strong></span><span style="color: #99ffcc;">(name[, mode[, buffering]])</span><br /><span style="color: #ffcc00;"><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">----------------------------------------------------------------------------------<br /></span></span></span></span></span></p>
    <p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">====&lt;&lt;&lt;&lt; <span style="color: #cc99ff;"><strong>Return Value</strong> <span style="color: #ffcc00;">&gt;&gt;&gt;&gt;====</span></span></span></span></p>
    <p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;">返回值为...</span><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;"><br />----------------------------------------------------------------------------------</span><br /></span></p>
    <p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">====&lt;&lt;&lt;&lt;</span> <span style="color: #cc99ff;"><strong>Parameters</strong> </span><span style="color: #ffcc00;">&gt;&gt;&gt;&gt;====</span><br /></span></p>
    <p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">name</span>:一个包含了你要访问的文件名称的字符串值。<br /><span style="color: #ffcc00;">----------------------------------------------------------------------------------</span><br /></span></p>
    <p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">====&lt;&lt;&lt;&lt;</span> <span style="color: #cc99ff;"><strong>References</strong> </span><span style="color: #ffcc00;">&gt;&gt;&gt;&gt;====</span><br /></span></p>
    <p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;">参考:<span style="color: #ff99cc;">python文件打开方式详解&mdash;&mdash;a、a+、r+、w+区别</span></span></p>
    </td>
    <td style="border-style: solid none; border-color: #ffffff;  5px; border- 3px; text-align: left; background-color: #333333;"><span style="font-family: Georgia;">&nbsp;</span></td>
    <td style="border-color: #ffffff; border- 3px; border-style: solid; background-color: #333333;">&nbsp;</td>
    </tr>
    <tr style="background-color: #99ffcc;">
    <td style="border-style: solid; text-align: center; border-color: #ffffff;  50px; border- 3px; background-color: #9999ff;"><strong><span style="font-size: 16px;">&nbsp;</span></strong></td>
    <td style="border-style: solid; text-align: center; border-color: #ffffff;  40px; border- 3px; background-color: #ffc97a;">&nbsp;</td>
    <td style="border-style: solid none; text-align: center; border-color: #ffffff;  5px; border- 3px; background-color: #333333;">&nbsp;</td>
    <td style="border-style: solid none; border-color: #ffffff;  350px; border- 3px; text-align: left; background-color: #333333;">&nbsp;</td>
    <td style="border-style: solid none; border-color: #ffffff;  5px; border- 3px; text-align: left; background-color: #333333;">&nbsp;</td>
    <td style="border-color: #ffffff; border- 3px; border-style: solid; background-color: #333333;">&nbsp;</td>
    </tr>
    </tbody>
    </table>
    View Code

    二、表格内部代码

      由于直接复制表格内的内容复制到新的表格中会产生很多新的【<span>】,导致编辑的时候很不方便,因此我将表格内部的代码【<td>...</td>】附在下面。

      1. 在想要添加内容的表格处填写【456852】

      2. 切换到 HTML 模式,通过查找【456852】,确认其所在的【<td>...</td>】

      3. 将 2 中的标签用下面的 HTML 替换即可

    <td style="border-style: solid none; border-color: #ffffff;  350px; border- 3px; text-align: left; background-color: #333333;">
    <p><span style="font-size: 13px; color: #ffcc00;"><a name="A01"></a>====&lt;&lt;&lt;&lt; <span style="color: #cc99ff;"><strong>Description</strong></span>&gt;&gt;&gt;&gt;====</span></p>
    <p><span style="font-size: 13px; color: #99ccff;">datetime 模块下 的 datetime 对象,包含 date 对象和 time 对象的所有信息。</span><br /><span style="font-size: 13px; color: #ffcc00;">----------------------------------------------------------------------------------</span></p>
    <p><span style="font-size: 13px; color: #ffcc00;">====&lt;&lt;&lt;&lt; <strong><span style="color: #cc99ff;">Syntax</span> </strong>&gt;&gt;&gt;&gt;====</span></p>
    <p><span style="font-size: 13px;"><span style="color: #ff99cc;"><strong>datetime.datetime</strong></span> <span style="color: #33cccc;">(year, month, day, hour=0, minute=0, second=0, microsecond=0, tzinfo=None, *, fold=0)</span></span><br /><span style="font-size: 13px; color: #ffcc00;">----------------------------------------------------------------------------------</span></p>
    <p><span style="font-size: 13px; color: #ffcc00;">====&lt;&lt;&lt;&lt; <strong><span style="color: #cc99ff;">Parameters</span> </strong>&gt;&gt;&gt;&gt;====</span></p>
    <p><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">year</span>:必须。MINYEAR &lt;= year &lt;= MAXYEAR</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">month</span>:必须。1 &lt;= month &lt;= 12</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">day</span>:必须。1 &lt;= day &lt;= 365/366</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">hour</span>:默认 00 &lt;= hour &lt; 24</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">minute</span>:默认 00 &lt;= minute &lt; 60</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">second</span>:默认 00 &lt;= second &lt; 60</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">microsecond</span>:默认 00 &lt;= microsecond &lt; 1000000</span><br /><span style="font-size: 13px; color: #ffcc00;">----------------------------------------------------------------------------------</span></p>
    <p><span style="font-size: 13px; color: #ffcc00;">====&lt;&lt;&lt;&lt; <strong><span style="color: #cc99ff;">Methods</span> </strong>&gt;&gt;&gt;&gt;====</span></p>
    <p><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.today</span> <span style="color: #33cccc;">()</span>:返回现在的当地时间。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.now</span> <span style="color: #33cccc;">(tz=None)</span>:返回本地当前的日期和时间。如果可选的参数 tz 为 None 或者没有指定,就如同today()。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.utcnow</span> <span style="color: #33cccc;">()</span>:返回现在的 UTC 时间。</span><br /><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.date</span> <span style="color: #33cccc;">()</span>:返回相同年月日的 date 对象。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.time</span> <span style="color: #33cccc;">()</span>:返回相同时分秒的 time 对象。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.replace</span> <span style="color: #33cccc;">(year=self.year, month=self.month, day=self.day, hour=self.hour, minute=self.minute, second=self.second, microsecond=self.microsecond, tzinfo=self.tzinfo, * fold=0)</span>:返回一个除了发生变化的属性外其他一样的 datetime 。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.weekday</span> <span style="color: #33cccc;">()</span>:返回一个整型,Monday 是 0,Sunday 是 6,一周中的第几天。</span><br /><span style="font-size: 13px; color: #ffcc00;">----------------------------------------------------------------------------------</span></p>
    <p><span style="font-size: 13px; color: #ffcc00;">====&lt;&lt;&lt;&lt; <strong><span style="color: #cc99ff;">Attributes</span> </strong>&gt;&gt;&gt;&gt;====</span></p>
    <p><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.min</span>:返回值为 datetime,最小的。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.max</span>:返回值为 datetime,最大的。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.year</span>:年</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.month</span>:月</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.day</span>:日</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.hour</span>:时</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.minute</span>:分</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.second</span>:秒</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.microsecond</span>:微秒</span></p>
    </td>
    View Code

    三、链接换颜色适应黑色背景

      事先需要将变色的链接写入到博客园》设置》页面定制CSS代码中,带入如下所示:

    a.selected_IDL:link {
        color:#FD971F;
        text-decoration:underline;
        }
    a.selected_IDL:visited {
        color:#66D9EF;
        text-decoration:none;
        }
    a.selected_IDL:hover {
        color:#AE81FF;
        text-decoration:none;
        }
    a.selected_IDL:active {
        color:#F92672;
        text-decoration:none;
        }
    

      在新建链接的时候,按照下面的操作添加类别为 “selected_IDL” 即可

      效果如下所示:

    测试一 测试二
    测试三 测试四
  • 相关阅读:
    Java SSM 框架相关基础面试题
    JPanel JScrollPanel
    Spring MVC 的 Converter 和 Formatter
    JDesktopPane JInternalFrames
    Spring MVC 中的 forward redirect Flash属性
    Java Swing 中使用 EventQueue
    Java 中转换为String类型的四种方法
    Eclipse 安装使用 M2Eclipse 插件
    正则表达式
    Spring MVC 数据绑定和表单标签库
  • 原文地址:https://www.cnblogs.com/alex-bn-lee/p/8329643.html
Copyright © 2011-2022 走看看